关于python完成知识管理的一些想法
发布时间:2021-11-05 15:11:24 所属栏目:语言 来源:互联网
导读:学习python也很久了,无论是基础python语法、还是flaskweb编程、数据血缘关系、人工智能的知识,以及常用web前端、还有工作中零零散散的一些想法,想来想去还是觉得付诸行动更有意义。 初步的想法先从简单的入手,基于flask实现,先整一个基本的web框架,实现
学习python也很久了,无论是基础python语法、还是flaskweb编程、数据血缘关系、人工智能的知识,以及常用web前端、还有工作中零零散散的一些想法,想来想去还是觉得付诸行动更有意义。 初步的想法先从简单的入手,基于flask实现,先整一个基本的web框架,实现页面的动态扩展,上中(左右)下布局,左侧为静态的菜单,右侧为待展现的内容,在右侧页面中再实现一个个小功能,这些小功能用来实现与用户的交互。 后期待完成的事项 1、逐步把通过json、数据库实现菜单的优化 2、实现css、js和html的分离 3、实现flask的蓝图、flask的模板化、flask的ORM映射 4、增强前端交互功能,实现分页 5、不断追加和完善功能 大致的架构是这样的,后续。 上半部分是css,下半部分是页面的主框架,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>个人知识库</title> <style type="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; } </style> </head> <body> <div id="main"> <div class="main-area"> <div class="main-area-content clearfix"> <div class="logobar">logobar</div> <div class="left-menu fl"> <div class="list"> <ul class="menu"> </ul> </div> </div> <div class="content-box fl"> <div id="main" style="height:99%;"> <iframe frameborder="no" name="mainFrame" id="mainFrame" scrolling="auto" src="index.html" width="99%" height="99%"> 您的浏览器不支持嵌入式框架,或者当前配置为不显示嵌入式框架。 </iframe> </div> </div> <div class="statusbar">底部</div> </div> </div> </div> </body> </html> (编辑:92站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |