一篇完整的博客
- 个人学期总结
- 总结Python+Flask+MysqL的web建设技术过程，标准如下：
- 即是对自己所学知识的梳理
- 也可作为初学入门者的简单教程
- 也可作为自己以后复习的向导
- 也是一种向外展示能力的途径
学习管理信息系统这门课程，首先要了解管理信息系统的本质，明确区分信息与数据、信息与知识。对管理信息系统这门课程的理论知识要熟记于心。
众所周知，管理信息系统是为了适应现代化管理的需要，在管理科学、系统科学、信息科学和计算机科学等学科的基础上形成的一门科学，它研究管理系统中信息处理和决策的整个过程，并探讨计算机的实现方法。它是一个由人、计算机、通信设备等硬件和软件组成的，能进行管理信息的收集、加工、存储、传输、维护和使用的系统。管理信息系统可促使企业向信息化方向发展，使企业处于一个信息灵敏、管理科学、决策准确的良性循环之中，为企业带来更高的经济效益。所以，管理信息系统是企业现代化的重要标志，是企业发展的一条必由之路。
信息系统在管理各项事务中有着普遍的应用，促进了企业管理工作的提升。管理信息系统是为管理服务的，它的开发和建立使企业摆脱落后的管理方式，实现管理现代化的有效途径。管理信息系统将管理工作统一化、规范化、现代化，极大地提高了管理的效率，使现代化管理形成统一、高效的系统。过去传统的管理方式是以人为主体的人工操作，虽然管理人员投入了大量的时间、精力，然而个人的能力是有限的，所以管理工作难免会出现局限性，或带有个人的主观性和片面性。而管理信息系统使用系统思想建立起来的，以计算机为信息处理手段，以现代化通信设备为基本传输工具，能力管理决策者提供信息服务的人机系统，这无疑是将管理与现代化接轨，以科技提高管理质量的重大举措。管理信息系统将大量复杂的信息处理交给计算机，使人和计算机充分发挥各自的特长，组织一个和谐、有效的系统，为现代化管理带来便捷。
在现代化管理中，计算机管理信息系统已经成为企业管理不可缺少的帮手，它的广泛应用已经成为管理现代化的重要标志。在企业管理现代化中，组织、方法、控制的现代化离不开管理手段的现代化。随着科学技术的发展，尤其是信息技术和通讯技术的发展，使计算机和网络逐渐应用于现代管理之中。面对越来越多的信息资源和越来越复杂的企业内外部环境，企业有必要建立高效、实用的管理信息系统，为企业管理决策和控制提供保障，这是实现管理现代化的必然趋势。所以我觉得学习管理信息系统是非常必要的，特别是对我们电子商务的学生而言。我觉得平时上课学习是不够的，要更加注重实践操作，并且也要多做练习题，这样有利于更好的了解管理信息系统。
一、 课程实操要求能够熟悉基本的python语言。（IDLE（Phthon 3.6 64-bit））
1、python基础（作业2）
2、用python自带包turtle画图（作业3）
3、熟悉条件、循环、函数语句（作业4）
4、熟悉字符串的基本操作（作业5）
5、了解凯撒密码、GDP格式化输出、循环语句打出九九乘法表（作业6）
6、统计词频预备，组合数据类型的练习（作业7）
7、明确列表list、元组tuple、字典dict、集合的联系与区别，实现列表、元组、字典、集合的遍历（作业8）
8、以文件方式实现完整的英文词频统计（作业9）
9、实现中文词频统计（作业10）
10、使用datetime处理日期和时间（作业11）
11、timestamp、timedelta的使用（作业12）
二、web项目的建立与完善（Pycharm、Mysql、Navicat for MySql）
1、认识URL，观察常用网站网址，区分不同组成部分。观察web浏览过程。尝试使用HTML制作简单页面（作业13）例如：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小说中心</title> </head> <body> <p> <h1 align="center">小说排行榜第一</h1> <br> <hr> <div> <p align="center"> <img src="https://qidian.qpic.cn/qdbimg/349573/1209977/180 "> </p> </div> <div> <p align="center"> <a href="https://book.qidian.com/info/1209977"><img src="URL" alt="斗破苍穹"></a> </p> </div> </p> </body> </html>
2、练习使用下拉列表选择框，无序列表，有序列表，定义列表。（作业14）
下拉列表 <select> <option>收藏</option> <option>点赞</option> <option>评论</option> <option>打赏</option> </select>
无序列表 <ul> <li>作者排行榜</li> <li>作品排行榜</li> </ul>
有序列表 <ol> <li>收藏排行榜</li> <li>评论排行榜</li> <li>点赞排行榜</li> <li>打赏排行榜</li> </ol>
定义列表 <dl> <dt>最爱小说</dt> <dd>玄幻</dd> </dl>
3、练习使用导航条与HTML头部元素（简单CSS）。（作业15）
<nav> #导航条 <a href="http://localhost:59137/aaa/templates/lx.html?_ijt=piaotqep9pl034qe7m6iulfk3j"> <img src="http://img.qq1234.org/uploads/allimg/140530/0959191046-157.png" width="30px" height="30px"></a> <a href="https://baike.so.com/doc/1975803-2090971.html">百科</a> <input type="text" style="background-color: antiquewhite"> <select name="" id=""></select> <button type="submit">搜索</button> </nav>
<head> <meta charset="UTF-8"> <title>BIUBIUBIU</title> {# <base> 定义了页面链接标签的默认链接地址#} <base href="" target="_blank"> {# <link> 定义了一个文档和外部资源之间的关系#} <link rel="stylesheet" href="style.css"> {#行内样式#} <style> .l{background-color: bisque;font-family: 楷体;color: brown} #k{color: cadetblue;font-family: "Freestyle Script";font-size: 150px} </style> </head>
4、CSS实例——图片导航块（作业16）
{#class引用#}
.img {
border: 1px solid #cccccc;
250px;
margin: 5px;
float: left;
}
div.img img {
100%;
height: auto;
}
div.desc{
text-align: center;
padding: 5px;
}
div.img:hover{
border: 1px solid #000000;
}
.area {
height: 300px;
}
.area1 {
height: 180px;
}
5、JS基础、验证表单提交的条件。（作业17）
<script> function fnLogin() { var oUname = document.getElementById("uname") {#错误提示框#} var oError = document.getElementById("error_box") var oUword = document.getElementById("uword") if(oUname.value.length<6){ oError.innerHTML = "用户名至少4位" } if(oUname.value.length==0){ oError.innerHTML = "请输入用户名" } if(oUname.value.length>12){ oError.innerHTML = "用户名至多13位" } if(oUword.value.length==0){ oError.innerHTML = "请输入密码" } if(oUword.value.length<6){ oError.innerHTML = "密码至少6位" } if(oUword.value.length>20){ oError.innerHTML = "密码至多20位" } } </script>
6、完成登录、注册页面的HTML+CSS+JS。（作业18）
7、制作父模板base.html。（作业19）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>base</title> {#链接到CSS文件#} <link rel="stylesheet" href="../static/css/base.css" type="text/css"> {#链接到JS文件#} <script src="../static/JS/base.js"></script> </head> <body id="myBody"> {#导航条#} <nav> <img id="myOnOff" onclick="mySwitch()" src="http://img3.redocn.com/tupian/20150409/shouhuihuangsetaiyangshiliangsucai_4034066.jpg" width="30px"> <a href="http://localhost:63342/denglu1.1/templates/shouye.html?_ijt=qijfc55i74avkg8umf7nn7oqt7">首页</a> <a href="http://localhost:63342/denglu1.1/templates/denglu1.1.html?_ijt=7qkhljvviqhhrvp78f6nv1jtqn">Login</a> <a href="http://localhost:63342/denglu1.1/templates/%E6%B3%A8%E5%86%8C.html?_ijt=bpr6ikepnp2sh7actb82n1m3dt">Enroll</a> </nav> <div class="area"> </div> <div class="area1"> <div class="img"> <a href="http://image.so.com/i?src=360pic_strong&z=1&i=2&cmg=5fa9918b43bdd880a720ad048811374f&q=猫"> <img src="http://attachments.gfan.com/forum/201503/18/213547yy3u5muo8v3j3r6f.jpg"></a> <div class="desc"><a href="http://image.so.com/i?src=360pic_strong&z=1&i=2&cmg=5fa9918b43bdd880a720ad048811374f&q=猫">miow</a> </div> </div> </div> <div> HTML design by 201508030006 陈文琪 </div> </body> </html>
8、使用flask。（作业20）
#主程序 from flask import Flask,render_template app = Flask(__name__) @app.route('/') def index(): return render_template('index.html') @app.route('/login/') def login(): return render_template('login.html') @app.route('/regist/') def regist(): return render_template('regist.html') if __name__ == '__main__': app.run(debug=True)
{#base.html调用主程序url_for#} <nav> <img id="myOnOff" onclick="mySwitch()" src="http://img3.redocn.com/tupian/20150409/shouhuihuangsetaiyangshiliangsucai_4034066.jpg" width="30px"> <a href="{{ url_for('index') }}">首页</a> <a href="{{ url_for('login') }}">登录</a> <a href="{{ url_for('regist') }}">立即注册</a> </nav>
9、用url_for加载静态文件，继承父模板。（作业21）
<script src="{{ url_for('static',filename='js/login.js') }}"></script>
{% extends 'base.html' %} }{#继承父模板#} {% block title %}首页{% endblock %} {% block main %} <h1>首页</h1> {% endblock %}
10、带<label>的文本输入框。（作业22）
<div class="q1"> <label for="question">问题</label> <textarea id="question" cols="50" rows="1"></textarea> </div>
11、连接数据库MySQL，创建用户模型。（作业23）
#MySQL连接文件 SQLALCHEMY_DATABASE_URI = 'mysql+pymysql://root:@localhost:3306/test?charset=utf8' SQLALCHEMY_TRACK_MODIFICATIONS = False
#建立MySQL和app的连接 from flask import Flask, render_template from flask_sqlalchemy import SQLAlchemy import config app = Flask(__name__) app.config.from_object(config) db = SQLAlchemy(app) #创建用户模型 class User(db.Model): __tablename__ = 'User' id = db.Column(db.Integer, primary_key=TabError, autoincrement=True) username = db.Column(db.String(20), nullable=False) password = db.Column(db.String(20), nullable=False) db.create_all(
12、练习对数据库的增删改查。（作业24）
# 创建用户 user=User(username='meow2',password='meow2222',nickname='miao~') db.session.add(user) db.session.commit() #查询 user=User.query.filter(User.username=='meow1').first() print(user.username,user.password) # 修改密码 user=User.query.filter(User.username=='meow1').first() user.password='9999999999999' db.session.commit() # 删除 user=User.query.filter(User.username=='meow2').first() db.session.delete(user) db.session.commit()
13、写JS文件，onclick函数return true时才提交表单。（作业25）
function fnRegist() { var zcoUname = document.getElementById("zcuname") var zcoError = document.getElementById("zcerror_box") zcoError.innerHTML = "<br>" if (zcoUname.value.length < 6 || zcoUname.value.length > 12) { zcoError.innerHTML = "用户名为6到12位"; return false } return true }
<form action="{{ url_for('regist') }}" method="post"> ...... <button onclick="fnRegist()">立即注册</button>
14、用session记住登录的用户名传到页面。（作业26）
@app.route('/login/', methods=['GET', 'POST']) def login(): if request.method=='GET': return render_template('login.html') else:#读取表单数据 usern = request.form.get('username') passw = request.form.get('password') user = User.query.filter(User.username == usern,User.password==passw).first()#查找对应的用户名、密码 if user: session['user']=usern session.permanent=True return redirect(url_for('index')) else: return u'用户名不存在/密码错误'
15、在模板中做导航。（作业27）
@app.context_processor#上下文处理器定义函数 def mycontext(): usern=session.get('user')#获取session中保存的值 if usern: return {'username':usern}#返回字典 else: return {}
{% if username %} <li><a href="#">{{ username }}</a></li> <li><a href="#">注销</a></li> {% else %} <li><a href="{{ url_for('login') }}">登录</a></li> <li><a href="{{ url_for('regist') }}">立即注册</a></li> {% endif %}
@app.route('/logout/')#注销功能 def logout(): session.clear()#清除session中保存的值 return redirect(url_for('index'))
16、编写并应用登录装饰器，完成发布功能。（作业28）
def loginFrist(func):#参数是函数 @wraps(func) def wrapper(*args, **kwargs):#定义个函数将其返回 if session.get('user'): return func(*args, **kwargs) else: #要求登录 return redirect(url_for('login')) return wrapper
@app.route('/question/', methods=['GET', 'POST']) @loginFrist#应用装饰器，发布前先登录 def question(): if request.method == 'GET': return render_template('question.html') else: title = request.form.get('title') detail = request.form.get('detail') author_id = User.query.filter(User.username == session.get('user')).first().id question = Question(title=title, detail=detail, author_id=author_id) db.session.add(question) db.session.commit()#保存到数据库 return redirect(url_for('index'))#重定向到首页
17、尝试在首页显示问答列表。（作业29）
18、在首页显示全部问答。（作业30）
@app.route('/') def index():#将数据库查询结果传递到前端页面 context={ 'questions':Question.query.order_by('-creat_time').all() } return render_template('index.html',**context)
{% for foo in questions %}#前端页面循环显示整个列表。 <li class="list-group-item"> <span class="glyphicon glyphicon-leaf" aria-hidden="true"></span> <a href="#">{{ foo.author.username }}</a><br> <a href="{{ url_for('detail',question_id=foo.id) }}" class="title">{{ foo.title }}</a> <span class="badge">{{ foo.creat_time }}</span> <p class="detail">{{ foo.detail }}</p> </li> {% endfor %}
19、首页文章标题链接详情页。（作业31）
@app.route('/detail/<question_id>')#视图函数，带id参数 def detail(question_id):#查询对应的文章详情 quest=Question.query.filter(Question.id==question_id).first() return render_template('detail.html',quest=quest)#返回详情
<a href="{{ url_for('detail',question_id=foo.id) }}" class="title">{{ foo.title }}</a>#首页文章title链接详情
20、评论功能的实现。（作业32）
@app.route('/comment/', methods=['POST']) @loginFrist#评论前登录 def comment():#读取页面数据 comment_detail = request.form.get('new_comment') quest_id = request.form.get('question_id') author_id = User.query.filter(User.username == session.get('user')).first().id comment = Comment(detail=comment_detail, author_id=author_id, question_id=quest_id, ) db.session.add(comment)#保存到数据库 db.session.commit() return redirect(url_for('detail', question_id=quest_id))
<input type="hidden" name="question_id" value="{{ quest.id }}">#获取前端的"question_id"
21、在详情页显示该文章所有评论。（作业33）
{% for foo in quest.comments %}#循环显示所有评论 <li class="list-group-item"> <a href="#">{{ foo.author.username }} </a> <span class="badge">{{ foo.creat_time }}</span> <p>{{ foo.detail }}</p> </li> {% endfor %}
22、个人中心。（作业33、34、35）
@app.route('/usercenter/<user_id>/<tag>') @loginFrist def usercenter(user_id,tag): user=User.query.filter(User.id==user_id).first() context={ 'user':user, 'nickname':user.nickname, 'comments':user.comments, 'questions':user.question, } if tag == '1':#三个标签页 return render_template('usercenterQ.html', **context) elif tag == '2': return render_template('usercenterC.html', **context) elif tag == '3': return render_template('usercenterI.html', **context)
23、搜索功能。（作业36）
@app.route('/search/') def search(): q=request.args.get('q')#获取页面传入数据 qu=Question.query.filter(or_(Question.title.contains(q),Question.detail.contains(q))).order_by('-creat_time')#条件查询 return render_template('index.html',question=qu)
<form action="{{ url_for('search') }}" methods="get" class="navbar-form navbar-left"> <input name="q" type="text" class="form-control" placeholder="请输入关键字"> <input type="submit" class="btn-default" value="sou"> </form>
三、完整代码。
#主PY文件 from flask import Flask, render_template, request, redirect, url_for, session import config from functools import wraps from sqlalchemy import or_ from werkzeug.security import generate_password_hash,check_password_hash from datetime import datetime from flask_sqlalchemy import SQLAlchemy app=Flask(__name__) app.config.from_object(config) db = SQLAlchemy(app) # db.init_app(app) class User(db.Model): __tablename__ = 'user' id = db.Column(db.Integer, primary_key=TabError, autoincrement=True) username = db.Column(db.String(20), nullable=False) _password = db.Column(db.String(200), nullable=False)#内部使用 nickname = db.Column(db.String(20)) @property def password(self):#外部使用 return self._password @password.setter def password(self,row_password): self._password=generate_password_hash(row_password) def check_password(self,row_password): result=check_password_hash(self._password,row_password) return result class Question(db.Model): __tablename__ = 'question' id = db.Column(db.Integer, primary_key=True, autoincrement=True) title = db.Column(db.String(100), nullable=False) detail = db.Column(db.Text, nullable=False) creat_time = db.Column(db.DateTime, default=datetime.now) author_id = db.Column(db.Integer, db.ForeignKey('user.id')) author = db.relationship('User', backref=db.backref('question')) class Comment(db.Model): __tablename__ = 'comment' id = db.Column(db.Integer, primary_key=True, autoincrement=True) author_id = db.Column(db.Integer, db.ForeignKey('user.id')) question_id = db.Column(db.Integer, db.ForeignKey('question.id')) creat_time = db.Column(db.DateTime, default=datetime.now) detail = db.Column(db.Text, nullable=False) question = db.relationship('Question', backref=db.backref('comments', order_by=creat_time.desc)) author = db.relationship('User', backref=db.backref('comments')) db.create_all() ''' db.session.add(user) db.session.commit() # 创建用户 user=User(username='meow2',password='meow2222',nickname='miao~') db.session.add(user) db.session.commit() # 修改密码 user=User.query.filter(User.username=='meow1').first() user.password='AAAAAAAAAAA' db.session.commit() # 删除 user=User.query.filter(User.username=='meow2').first() db.session.delete(user) db.session.commit() # 查询 user=User.query.filter(User.username=='meow1').first() print(user.username,user.password) ''' # 装饰器 def loginFrist(func): @wraps(func) def wrapper(*args, **kwargs): if session.get('user'): return func(*args, **kwargs) else: return redirect(url_for('login')) return wrapper # 首页 @app.route('/') def index(): context = { 'questions': Question.query.order_by('-creat_time').all() } return render_template('index.html', **context) # 登录 @app.route('/login/', methods=['GET', 'POST']) def login(): if request.method == 'GET': return render_template('login.html') else: usern = request.form.get('username') passw = request.form.get('password') user = User.query.filter(User.username == usern).first() if user: if user.check_password(passw): session['user'] = usern session['userid']=user.id session.permanent = True return redirect(url_for('index')) else: return u'password is error' else: return u'用户名不存在' @app.context_processor def mycontext(): usern = session.get('user') if usern: return {'username': usern} else: return {} # 注销 @app.route('/logout/') def logout(): session.clear() return redirect(url_for('index')) # 问答 @app.route('/question/', methods=['GET', 'POST']) @loginFrist def question(): if request.method == 'GET': return render_template('question.html') else: title = request.form.get('title') detail = request.form.get('detail') author_id = User.query.filter(User.username == session.get('user')).first().id question = Question(title=title, detail=detail, author_id=author_id) db.session.add(question) db.session.commit() return redirect(url_for('index')) # 详情页 @app.route('/detail/<question_id>') def detail(question_id): quest = Question.query.filter(Question.id == question_id).first() return render_template('detail.html', quest=quest) # 评论 @app.route('/comment/', methods=['POST']) @loginFrist def comment(): comment_detail = request.form.get('new_comment') quest_id = request.form.get('question_id') author_id = User.query.filter(User.username == session.get('user')).first().id comment = Comment(detail=comment_detail, author_id=author_id, question_id=quest_id, ) db.session.add(comment) db.session.commit() return redirect(url_for('detail', question_id=quest_id)) # 注册 @app.route('/regist/', methods=['GET', 'POST']) def regist(): if request.method == 'GET': return render_template('regist.html') else: # 获取form中的数据，判断用户名是否存在，存到数据库中 username = request.form.get('username') nickname = request.form.get('nickname') password = request.form.get('password') user = User.query.filter(User.username == username).first() # 重定向到登录页 if user: return u'用户名已存在' else: user = User(username=username, nickname=nickname, password=password) db.session.add(user) db.session.commit() return redirect(url_for('login')) # 用户中心 @app.route('/usercenter/<user_id>/<tag>') @loginFrist def usercenter(user_id,tag): user=User.query.filter(User.id==user_id).first() context={ 'user':user, 'nickname':user.nickname, 'comments':user.comments, 'questions':user.question, } if tag == '1': return render_template('usercenterQ.html', **context) elif tag == '2': return render_template('usercenterC.html', **context) elif tag == '3': return render_template('usercenterI.html', **context) # 搜索 @app.route('/search/') def search(): q=request.args.get('q') qu=Question.query.filter(or_(Question.title.contains(q),Question.detail.contains(q))) return render_template('index.html',questions=qu) if __name__ == '__main__': app.run(debug=True)
#模板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> {% block title %} {% endblock %}-Mon</title> <link rel="stylesheet" href="{{ url_for('static',filename='css/base.css') }}"> <script src="{{ url_for('static',filename='JS/base.js') }}"></script> {% block head %} {% endblock %} </head> <body id="myBody"> <nav class="nav nav-tabs"> <li> <img id="myOnOff" onclick="mySwitch()" src="http://img3.redocn.com/tupian/20150409/shouhuihuangsetaiyangshiliangsucai_4034066.jpg" width="30px"> </li> <li><a href="{{ url_for('index') }}">首页</a></li> <li><a href="{{ url_for('question') }}">发帖</a></li> <form action="{{ url_for('search') }}" methods="get" class="navbar-form navbar-left"> <div class="form-group"> <input name="q" type="text" class="form-control" placeholder="请输入关键字"> </div> <input type="submit" class="btn-default" value="so~"> </form> <ul class="nav navbar-nav navbar-right"> {% if username %} <li><a href="{{ url_for('usercenter',user_id=session.get('userid'),tag=1) }}">{{ session.get('user') }}</a></li> <li><a href="{{ url_for('logout') }}">注销</a></li> {% else %} <li><a href="{{ url_for('login') }}">登录</a></li> <li><a href="{{ url_for('regist') }}">立即注册</a></li> {% endif %} <li><img src="{{ url_for( 'static',filename='image/meow.jpg') }}" width="30px"></li> </ul> </nav> {% block main %} <div class="area"> </div> {% endblock %} <div class="area1"> <div class="img"> <a href="https://baike.so.com/doc/5040370-5267074.html"><img src="{{ url_for( 'static',filename='image/meow1.jpg') }}"></a> <div class="desc"><a href="https://baike.so.com/doc/5040370-5267074.html">薛定谔的猫</a></div> </div> <div class="img"> <a href="https://www.zhihu.com/question/30454189"> <img src="{{ url_for( 'static',filename='image/meow3.jpg') }}"> </a> <div class="desc"><a href="https://www.zhihu.com/question/30454189">中华田园猫的颜值可以多高？</a></div> </div> <div class="img"> <a href="http://image.so.com/i?src=360pic_strong&z=1&i=2&cmg=5fa9918b43bdd880a720ad048811374f&q=猫"> <img src="{{ url_for( 'static',filename='image/meow2.jpg') }}"></a> <div class="desc"><a href="http://image.so.com/i?src=360pic_strong&z=1&i=2&cmg=5fa9918b43bdd880a720ad048811374f&q=猫">meow</a> </div> </div> </div> </body> </html>
#首页 {% extends 'base.html' %} } {% block title %}首页{% endblock %} {% block head %} <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="{{ url_for('static',filename='css/index.css') }}"> {% endblock %} {% block main %} <p class="wenhao">welcome {{ username }}</p> <h1 style="text-align: center">首页</h1> <h2 style="text-align: center">meow meow meow~~</h2> <div> <ul class="news-list"> {% for foo in questions %} <li class="list-group-item"> <span class="glyphicon glyphicon-book" style="color: rgb(0, 14, 54);" aria-hidden="true"></span> <a href="{{ url_for('detail',question_id=foo.id) }}" class="title">{{ foo.title }}</a> <p class="detail">{{ foo.detail }}</p> <span class="glyphicon glyphicon-user" aria-hidden="true"></span> <a href="{{ url_for('usercenter',user_id=foo.author.id,tag=1) }}">{{ foo.author.username }} 评论：({{ foo.comments|length }})</a> <span class="badge">{{ foo.creat_time }}</span> </li> {% endfor %} </ul> </div> {% endblock %}
#登录 {% extends 'base.html' %} } {% block title %}登录{% endblock %} {% block head %} <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="{{ url_for('static',filename='css/login.css') }}"> <script src="{{ url_for('static',filename='JS/login.js') }}"></script> {% endblock %} {% block main %} <div class="box"> <h2 class="denglu">登录</h2> <form action="{{ url_for('login') }}" method="post" onsubmit="true"> <div class="input_box"> <input id="uname" name="username" type="text" placeholder="请输入用户名"> </div> <div class="input_box"> <input id="uword" name="password" type="password" placeholder="请输入密码"> </div> <div id="error_box"><br></div> <div class="input_box"> <button onclick="fnLogin()">登录</button> </div> </form> <a href="{{ url_for('regist') }}"> <button>立即注册</button> </a> </div> {% endblock %}
#注册 {% extends 'base.html' %} } {% block title %}注册{% endblock %} {% block head %} <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="{{ url_for('static',filename='css/regist.css') }}"> <script src="{{ url_for('static',filename='JS/regist.js') }}"></script> {% endblock %} {% block main %} <div class="zcbox"> <h2 class="zhuce">注册</h2> <form action="{{ url_for('regist') }}" method="post" onsubmit="return fnRegist()"> <div class="zcinput_box"> <input id="zcuname" type="text" placeholder="请输入用户名" name="username"> </div> <div class="zcinput_box"> <input id="zcunickname" type="text" placeholder="请输入昵称" name="nickname"> </div> <div class="zcinput_box"> <input id="zcuword1" type="password" placeholder="请输入密码" > </div> <div class="zcinput_box"> <input id="zcuword2" type="password" placeholder="请再次输入密码" name="password"> </div> <div id="zcerror_box"><br></div> <div class="zcinput_box"> <input type="submit" value="立即注册"></input> </div> </form> </div> {% endblock %}
#发帖 {% extends 'base.html' %} } {% block title %}发布帖子{% endblock %} {% block head %} <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="{{ url_for('static',filename='css/question.css') }}"> <script src="{{ url_for('static',filename='JS/question.js') }}"></script> {% endblock %} {% block main %} <p>{{ username }},welcome</p> <div class="label0"> <h1>发帖</h1> <form action="{{ url_for('question') }}" method="post" > <div class="q1"> <label for="question" >主题</label> <textarea id="question" cols="77" rows="1" name="title" id="title"></textarea> </div> <div class="detail"> <label for="questionDetail">详情</label> <textarea id="questionDetail" cols="77" rows="5" name="detail" id="detail"></textarea> </div> <div id="error_box"><br></div> <div class="input-area"> <input type="submit" value="立即发布"></input> </div> </form> </div> {% endblock %}
#详情页 {% extends 'base.html' %} } {% block title %}详情页{% endblock %} {% block head %} <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> {% endblock %} {% block main %} <div class="container"> <div class="row clearfix"> <div class="page-header"> <h3>{{ quest.title }}<br> <small><a href="{{ url_for('usercenter',user_id=quest.author.id,tag=1) }}">{{ quest.author.username }}</a> <span class="badge">{{ quest.creat_time }}</span></small> </h3> </div> <p class="lead">{{ quest.detail }}</p> <hr> <form role="form" action="{{ url_for('comment') }}" method="post"> <div class="form-group"> <label for="exampleInputEmail1">Write down your answer~~</label> <textarea class="form-control" id="" name="new_comment"></textarea> <input type="hidden" name="question_id" value="{{ quest.id }}"> </div> <button type="submit" class="btn btn-default">Submit</button> <h4>评论：({{ quest.comments|length }})</h4> <ul class="news-list"> {% for foo in quest.comments %} <li class="list-group-item"> <a href="{{ url_for('usercenter',user_id=foo.author.id,tag=1) }}">{{ foo.author.username }} </a> <span class="badge">{{ foo.creat_time }}</span> <p>{{ foo.detail }}</p> </li> {% endfor %} </ul> </form> </div> </div> {% endblock %}
#个人中心模板 {% extends 'base.html' %} } {% block title %}用户中心{% endblock %} {% block head %} <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> {% endblock %} {% block main %} <h3><span class="glyphicon glyphicon-fire" style="color: rgb(98, 0, 28); font-size: 22px;" aria-hidden="true"> </span>{{ user.username }}</h3> <ul class="nav nav-tabs"> <li role="presentation" class="active"><a href="{{ url_for('usercenter',user_id=user.id,tag=1) }}">发过的帖子</a> </li> <li role="presentation" class="active"><a href="{{ url_for('usercenter',user_id=user.id,tag=2) }}">发过的评论</a> </li> <li role="presentation" class="active"><a href="{{ url_for('usercenter',user_id=user.id,tag=3) }}">个人信息</a> </li> </ul> {% block user %} <div class="area"> </div> {% endblock %} {% endblock %}
#个人中心——评论标签页 {% extends 'user.html' %} } {% block head %} <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> {% endblock %} {% block user %} <br> <div class="page-header"> <ul class="news-list"> {% for foo in comments %} <li class="list-group-item"> <span class="glyphicon glyphicon-flash" style="color: rgb(124, 0, 28); " aria-hidden="true"></span> <a href="#">{{ foo.author.username }} </a> <span class="badge">{{ foo.creat_time }}</span> <p>{{ foo.detail }}</p> </li> {% endfor %} </ul> </div> {% endblock %}
#个人中心——个人信息页 {% extends 'user.html' %} } {% block user %} <br> <div class="page-header"> <ul class="news-list"> <li class="list-group-item"> <span class="glyphicon glyphicon-heart" style="color: rgb(124, 0, 28); " aria-hidden="true"></span> Username: {{ user.username }} </li> <li class="list-group-item"> <span class="glyphicon glyphicon-heart" style="color: rgb(124, 0, 28); " aria-hidden="true"></span> Nickname: {{ nickname }} </li> <li class="list-group-item"> <span class="glyphicon glyphicon-heart" style="color: rgb(124, 0, 28); " aria-hidden="true"></span> 文章数: {{ questions|length }} </li> </ul> </div> {% endblock %}
#个人中心——帖子页 {% extends 'user.html' %} } {% block head %} <!-- 引入 Bootstrap --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> {% endblock %} {% block user %} <br> <div class="page-header"> <ul class="news-list"> {% for foo in questions %} <li class="list-group-item"> <span class="glyphicon glyphicon-file" style="color: rgb(124, 0, 28); " aria-hidden="true"></span> <a href="#">{{ foo.author.username }} </a> <span class="badge">{{ foo.creat_time }}</span> <p>{{ foo.detail }}</p> </li> {% endfor %} </ul> </div> {% endblock %}