学习python也很久了，无论是基础python语法、还是flaskweb编程、数据血缘关系、人工智能的知识，以及常用web前端、还有工作中零零散散的一些想法，想来想去还是觉得付诸行动更有意义。
初步的想法先从简单的入手，基于flask实现，先整一个基本的web框架，实现页面的动态扩展，上中(左右)下布局，左侧为静态的菜单，右侧为待展现的内容，在右侧页面中再实现一个个小功能，这些小功能用来实现与用户的交互。
后期待完成的事项
逐步把通过json、数据库实现菜单的优化
实现css、js和html的分离
实现flask的蓝图、flask的模板化、flask的ORM映射
增强前端交互功能，实现分页
不断追加和完善功能
大致的架构是这样的，后续。
上半部分是css，下半部分是页面的主框架，具体如下：
-
"en" > -
-
"UTF-8" /> -
个人知识库 -
"text/css" > - *{margin: 0;padding: 0;height: 100%;}
- .fl { float: left; }
-
- #main{margin-top: 15px;}
- #main .main-area {width: 100%；height:100%;margin: 0 auto;}
- #main .main-area-content{ width: 100%；height:100%;background: #fff; border: 1px solid #ddd;padding:0 0 15px 0;}
- #main .main-area-content .logobar{width: 99%;height:5%;overflow: hidden;}
- #main .main-area-content .statusbar{width: 99%;height:5%;overflow: hidden;}
- #main .main-area-content .left-menu{width:25%;height:85%;margin: 15px 0 0 0;overflow: hidden;}
- #main .main-area .content-box{width:70%;height:85%;padding-left: 15px; border-left:1px solid #ddd; margin-left:-1px;}
- #main .main-area .list{width:99%;border-right: 1px solid #ddd;min-height: 400px;}
-
- a:link,a:visited{text-decoration: none;color: #fff;}
- ul,li{list-style: none;}
- .list ul li{background-color:#467ca2; border:solid 1px #316a91; border-bottom:0;height: auto;}
- .list ul li a{padding-left: 10px;color: #fff; font-size:12px; display: block; font-weight:bold; height:36px;line-height: 36px;position: relative;}
- .list ul li .inactive{ background:url(images/off.png) no-repeat 184px center;}
- .list ul li .inactives{background:url(images/on.png) no-repeat 184px center;}
- .list ul li ul{display: none;}
- .list ul li ul li { border-left:0; border-right:0; background-color:#6196bb; border-color:#467ca2;height: 36px;}
- .list ul li ul li ul{display: none;}
- .list ul li ul li a{ padding-left:20px;}
-
- .last{ background-color:#d6e6f1; border-color:#6196bb; }
-
-
-
-
"main" > -
"main-area" > -
"main-area-content clearfix" > -
"logobar" >logobar