自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

關(guān)于python實現(xiàn)知識管理的一些想法

開發(fā) 后端
學習python也很久了,無論是基礎(chǔ)python語法、還是flaskweb編程、數(shù)據(jù)血緣關(guān)系、人工智能的知識,以及常用web前端、還有工作中零零散散的一些想法,想來想去還是覺得付諸行動更有意義。

[[423319]]

學習python也很久了,無論是基礎(chǔ)python語法、還是flaskweb編程、數(shù)據(jù)血緣關(guān)系、人工智能的知識,以及常用web前端、還有工作中零零散散的一些想法,想來想去還是覺得付諸行動更有意義。

初步的想法先從簡單的入手,基于flask實現(xiàn),先整一個基本的web框架,實現(xiàn)頁面的動態(tài)擴展,上中(左右)下布局,左側(cè)為靜態(tài)的菜單,右側(cè)為待展現(xiàn)的內(nèi)容,在右側(cè)頁面中再實現(xiàn)一個個小功能,這些小功能用來實現(xiàn)與用戶的交互。

后期待完成的事項

1、逐步把通過json、數(shù)據(jù)庫實現(xiàn)菜單的優(yōu)化

2、實現(xiàn)css、js和html的分離

3、實現(xiàn)flask的藍圖、flask的模板化、flask的ORM映射

4、增強前端交互功能,實現(xiàn)分頁

5、不斷追加和完善功能

大致的架構(gòu)是這樣的,后續(xù)。

上半部分是css,下半部分是頁面的主框架,具體如下:

  1. <!DOCTYPE html> 
  2. <html lang="en"
  3.  <head>  
  4.   <meta charset="UTF-8" />  
  5.   <title>個人知識庫</title>  
  6.   <style type="text/css"
  7.     *{margin: 0;padding: 0;height: 100%;} 
  8.     .fl { floatleft; } 
  9.  
  10.     #main{margin-top: 15px;} 
  11.     #main .main-area {width: 100%;height:100%;margin: 0 auto;} 
  12.     #main .main-area-content{ width: 100%;height:100%;background: #fff; border: 1px solid #ddd;padding:0 0 15px 0;} 
  13.     #main .main-area-content .logobar{width: 99%;height:5%;overflow: hidden;} 
  14.     #main .main-area-content .statusbar{width: 99%;height:5%;overflow: hidden;} 
  15.     #main .main-area-content .left-menu{width:25%;height:85%;margin: 15px 0 0 0;overflow: hidden;} 
  16.     #main .main-area .content-box{width:70%;height:85%;padding-left: 15px; border-left:1px solid #ddd; margin-left:-1px;} 
  17.     #main .main-area .list{width:99%;border-right: 1px solid #ddd;min-height: 400px;} 
  18.  
  19.     a:link,a:visited{text-decoration: none;color: #fff;}     
  20.     ul,li{list-style: none;}         
  21.     .list ul li{background-color:#467ca2; border:solid 1px #316a91; border-bottom:0;height: auto;} 
  22.     .list ul li a{padding-left: 10px;color: #fff; font-size:12px; display: block; font-weight:bold; height:36px;line-height: 36px;position: relative;} 
  23.     .list ul li .inactive{ background:url(images/off.png) no-repeat 184px center;} 
  24.     .list ul li .inactives{background:url(images/on.png) no-repeat 184px center;}  
  25.     .list ul li ul{display: none;} 
  26.     .list ul li ul li { border-left:0; border-right:0; background-color:#6196bb; border-color:#467ca2;height: 36px;} 
  27.     .list ul li ul li ul{display: none;} 
  28.     .list ul li ul li a{ padding-left:20px;} 
  29.  
  30.     .last{ background-color:#d6e6f1; border-color:#6196bb; } 
  31.     </style>  
  32.  </head>  
  33. <body>  
  34.   <div id="main">  
  35.    <div class="main-area">  
  36.     <div class="main-area-content clearfix">  
  37.      <div class="logobar">logobar</div> 
  38.      <div class="left-menu fl">  
  39.       <div class="list">  
  40.       <ul class="menu">  
  41.        </ul>  
  42.       </div>  
  43.      </div>  
  44.      <div class="content-box fl">  
  45.       <div id="main" style="height:99%;">  
  46.        <iframe frameborder="no" name="mainFrame" id="mainFrame" scrolling="auto" src="index.html" width="99%" height="99%"> 您的瀏覽器不支持嵌入式框架,或者當前配置為不顯示嵌入式框架。 </iframe>  
  47.       </div>  
  48.      </div>  
  49.      <div class="statusbar">底部</div> 
  50.     </div>  
  51.    </div>  
  52.   </div>   
  53.  </body> 
  54. </html> 

左側(cè)的菜單代碼如下:

上面部分是菜單的折疊和呈現(xiàn),下面是菜單的一些數(shù)據(jù)

  1. <script type="text/javascript" src="jquery-3.6.0.js"></script>  
  2. <script type="text/javascript"
  3.   $(document).ready(function() { 
  4.       $('.inactive').click(function(){ 
  5.           var className=$(this).parents('li').parents().attr('class'); 
  6.           if($(this).siblings('ul').css('display')=='none'){ 
  7.               if(className=="menu"){ 
  8.                   $(this).parents('li').siblings('li').children('ul').parent('li').children('a').removeClass('inactives'); 
  9.                   $(this).parents('li').siblings('li').children('ul').slideUp(100); 
  10.               } 
  11.               $(this).addClass('inactives'); 
  12.               $(this).siblings('ul').slideDown(100).children('li'); 
  13.           }else { 
  14.               $(this).removeClass('inactives'); 
  15.               $(this).siblings('ul').slideUp(100); 
  16.           } 
  17.       }) 
  18.   }); 
  19.   </script>  
  20. /head>  
  21.  
  22.     <ul class="menu">  
  23.       <li><a href="#" class="inactive active">PDF工具</a>  
  24.        <ul>  
  25.         <li><a href="daohang5.html" target="mainFrame" title="PDF轉(zhuǎn)圖片">PDF轉(zhuǎn)圖片</a></li>  
  26.         <li><a href="PDF提取文字.html" target="mainFrame" title="PDF提取文字">PDF提取文字</a></li>  
  27.         <li><a href=".html" target="mainFrame" title="">PDF提取表格</a></li>  
  28.        </ul>  
  29.       </li>  
  30.       <li><a href="#" class="inactive">血緣關(guān)系</a>  
  31.        <ul>  
  32.         <li><a href="圖譜2.html" target="mainFrame" title="">全景展示</a></li>  
  33.         <li><a href=".html" target="mainFrame" title="">節(jié)點查詢</a></li>  
  34.        </ul>  
  35.       </li> 
  36.       <li><a href="#" class="inactive">自然語言處理組件</a>  
  37.        <ul>  
  38.         <li><a href=".html" target="mainFrame" title="">分詞</a></li>  
  39.         <li><a href=".html" target="mainFrame" title="">詞性</a></li>  
  40.         <li><a href=".html" target="mainFrame" title="">詞云</a></li>  
  41.         <li><a href=".html" target="mainFrame" title="">文本相似度比較</a></li>  
  42.         <li><a href=".html" target="mainFrame" title="">關(guān)鍵詞提取</a></li>  
  43.         <li><a href=".html" target="mainFrame" title="">文本摘要提取</a></li>  
  44.        </ul>  
  45.       </li> 
  46.       <li><a href="#" class="inactive">圖像識別組件</a>  
  47.        <ul>  
  48.         <li><a href=".html" target="mainFrame" title="">照片背景替換</a></li>  
  49.         <li><a href=".html" target="mainFrame" title="">識別目標</a></li>  
  50.         <li><a href=".html" target="mainFrame" title="">貓狗識別</a></li>  
  51.        </ul>  
  52.       </li>  
  53.      </ul>  

實現(xiàn)完成后,大體上運行結(jié)果如下,至于上面的logobar和statusbar有待慢慢完善。

為什么選知識圖譜呢,這是長期以來一直惦記的事情,元數(shù)據(jù)管理、主數(shù)據(jù)管理、數(shù)據(jù)治理、數(shù)據(jù)應(yīng)用都離不開知識圖譜,前期用過neo4j,比較適合做關(guān)系存儲,一個是閉源,一個是和web集成展現(xiàn)上比較弱;用過networkxx,python用于知識圖譜開發(fā)的模塊,但展現(xiàn)效果上比較弱;想用sigma.js,但文檔太少,d3.js門檻太高;pyecharts之前也用過,交互性比較弱,echarts應(yīng)用比較廣一些,文檔和案例也比較容易。知識圖譜的一個問題是大量數(shù)據(jù)的呈現(xiàn)效果不是很理想,再則一般人很少這么用,通常是找到一個基準,去遍歷其上下游直接或間接節(jié)點形成子樹;還有個問題關(guān)于數(shù)據(jù)血緣關(guān)系的解析,目前python提供的比較成熟的包比較有限,pyparsing勉強可以一用。也需要一點點的把知識串起來。

 

個人體會,權(quán)當一樂,希望有一天能用上自己的成果。

 

責任編輯:武曉燕 來源: python與大數(shù)據(jù)分析
相關(guān)推薦

2021-09-07 10:12:25

分布式數(shù)據(jù)庫集群

2012-09-17 10:46:06

設(shè)計LogoIcon

2011-07-13 09:13:56

Android設(shè)計

2013-04-07 10:40:55

前端框架前端

2009-06-18 09:51:25

Java繼承

2023-10-25 13:37:04

Git

2023-04-27 15:19:52

2012-09-25 10:03:56

JavaJava封面Java開發(fā)

2009-07-28 10:21:05

自定義Command

2015-01-13 09:20:08

DockerCoreOSRocket

2009-06-04 16:28:43

EJB常見問題

2011-03-11 09:27:11

Java性能監(jiān)控

2012-04-19 10:06:55

微軟Windows 8 E

2015-12-04 10:04:53

2020-09-28 06:45:42

故障復(fù)盤修復(fù)

2022-04-14 10:22:44

故事卡業(yè)務(wù)

2017-12-21 07:54:07

2010-04-21 18:38:36

Unix網(wǎng)絡(luò)

2020-05-19 14:35:42

Shell腳本循環(huán)

2017-09-20 15:07:32

數(shù)據(jù)庫SQL注入技巧分享
點贊
收藏

51CTO技術(shù)棧公眾號