1、系統概要說明html
(1) 頭部導航條算法
(2) 中間主顯示區域佈局數據庫
(3) 底部導航條數據結構
2、網站結構設計數據庫設計
(4) 未登陸時:首頁、發佈、搜索、登陸、註冊功能(Ps:此時點擊發布,自動跳轉到登陸頁面)佈局
(5) 登陸後:發佈、設置、我的信息、註銷功能post
(1) 用戶的發佈、點贊、評論總覽網站
(2) 發佈詳情ui
(3) 文章分類與顯示url
3、模塊詳細設計
(1) 我的信息
{% extends 'yonghufather.html' %} {% block yonghubody %} <h3 class="text-center">我的信息</h3> <ul class="list-unstyled nav1"> <li style="background-color: #ffdedf">用戶:{{ username }}</li> <li style="background-color: #8bb3ff">編號:{{ userid }}</li> <li style="background-color: #feffac">暱稱:{{ nickname }}</li> <li style="background-color: #b0ffbe">頭像: {% if img is none%} <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3298685419,1477967578&fm=27&gp=0.jpg" style="width: 100px"> {% else %} <img src="/static/{{ img }}" style="width: 100px"> {% endif %} <form action="{{ url_for('uploadLogo',user_id=userid) }}"method="post" enctype="multipart/form-data"> <input type="file" name="logo" required> <button type="submit">上傳頭像</button> </form> </li> <li style="background-color: #ffb664">文章:{{ fabus|length }}篇</li> <li style="background-color: #ffacde">評論:{{ comments|length }}條</li> <li style="background-color: #b89dff">收藏文章:{{ shoucang|length }}篇</li> </ul> {% endblock %}
(2) 發佈信息
1 {% extends 'yonghufather.html' %} 2 3 {% block yonghubody %} 4 5 <div> 6 <h3 class="text-center">所有發佈信息({{ fabus|length }})</h3> 7 <ul class="list-unstyled"> 8 {% for foo in fabus %} 9 <li class="list-group-item"> 10 <a href="{{ url_for('yonghu',username_id=foo.author_id,tag=1) }}"><span 11 class="glyphicon glyphicon-bell"></span>{{ foo.author.username }}</a> 12 <span class="badge">{{ foo.creat_time }}</span> 13 <span class="badge pull-right">{{ foo.leixing }}</span> 14 <h4 class="text-center"><a href="{{ url_for('fabuview',fabu_id=foo.id) }}">{{ foo.title }}</a> 15 </h4> 16 17 <br> 18 <p>{{ foo.detail }}</p> 19 </li> 20 {% endfor %} 21 </ul> 22 <br> 23 <br> 24 <br> 25 </div> 26 27 {% endblock %}
(3) 評論信息
1 {% extends 'yonghufather.html' %} 2 3 {% block yonghubody %} 4 5 <div> 6 <h3 class="text-center">所有評論信息({{ comments|length }})</h3> 7 <ul class="list-unstyled"> 8 {% for foo in comments %} 9 <li class="list-group-item"> 10 <a href="{{ url_for('yonghu',username_id=foo.author_id,tag=1) }}"><span 11 class="glyphicon glyphicon-bell"></span>{{ foo.author.username }}</a> 12 <span class="badge pull-right">{{ foo.creat_time }}</span> 13 <p>{{ foo.detail }}</p> 14 <br> 15 </li> 16 {% endfor %} 17 </ul> 18 <br> 19 <br> 20 <br> 21 </div> 22 23 {% endblock %}
(4) 收藏文章
1 {% extends 'yonghufather.html' %} 2 3 {% block yonghubody %} 4 5 <div> 6 <h3>收藏文章({{ shoucang|length }})</h3> 7 <hr> 8 <table class="table table-bordered"> 9 <thead> 10 <tr> 11 <th>文章</th> 12 <th>做者</th> 13 </tr> 14 </thead> 15 <tbody> 16 {% for foo in shoucang %} 17 <tr> 18 <td><a href="{{ url_for('fabuview',fabu_id=foo.fabu.id) }}">{{ foo.fabu.title }}</a>   <em>瀏覽:{{ foo.fabu.yuedu }}   評論:{{ foo.fabu.comments |length }}   點贊:{{ foo.fabu.dianzangs |length }}</em></td> 19 <td><a href="{{ url_for('yonghu',username_id=foo.author.id,tag=1) }}">{{ foo.author.username }}</a></td> 20 </tr> 21 {% endfor %} 22 </tbody> 23 </table> 24 <br> 25 <br> 26 <br> 27 </div> 28 29 {% endblock %}
4、數據庫設計
儲存用戶的帳號與密碼,密碼在數據庫中隱藏,只有管理員身份才能查看。註冊成功時,帳號與密碼就會被錄入數據庫中;登陸要依據數據庫中的用戶表。
2.發佈內容表
表中的信息包括標題、詳情和文章類型。
3.點贊表
錄入的是用戶的點贊狀況,主要是統計點贊數量。
4.評論表
錄入的是用戶的評論狀況。
5.收藏表
錄入的是用戶的收藏狀況,主要是統計收藏數量
5、系統實現的關鍵算法與數據結構
可經過某些關鍵詞對發佈的內容進行搜索,包含這些關鍵詞的內容都被篩選出來,不包含的內容不顯示在首頁。
限制條件主要是用在對用戶名、密碼的限制,包括用戶名的組成元素,密碼的組成元素。
6、成品展現