pip install flask

html>
 h1>Hello Word!/h1>
/html>

from flask import Flask, render_template, request, jsonify
#創(chuàng)建Flask對(duì)象app并初始化
app = Flask(__name__)

#通過(guò)python裝飾器的方法定義路由地址
@app.route("/")
#定義方法 用jinjia2引擎來(lái)渲染頁(yè)面，并返回一個(gè)index.html頁(yè)面
def root():
 return render_template("index.html")
#定義app在8080端口運(yùn)行
app.run(port=8080)

from flask import Flask, render_template, request, jsonify
#創(chuàng)建Flask對(duì)象app并初始化
app = Flask(__name__)

#通過(guò)python裝飾器的方法定義路由地址
@app.route("/")
#定義方法 用jinjia2引擎來(lái)渲染頁(yè)面，并返回一個(gè)index.html頁(yè)面
def root():
 return render_template("index.html",name="zxy",age=21)
#定義app在8080端口運(yùn)行
app.run(port=8080)

html>
 h1>我是{{name}},今年{{age}}歲/h1>
/html>

html>
 !--引入jQuery包用于使用ajax-->
 script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">/script>
 h1>請(qǐng)輸入你的姓名和年齡/h1>
 !--創(chuàng)建兩個(gè)input輸入框，定義id分別為name,age-->
 input type="text" id="name" name="name" placeholder="姓名">
 br>
 input type="text" id="age" name="age" placeholder="年齡">
 br>
 !--創(chuàng)建button按鈕，點(diǎn)擊則激發(fā)submit()事件-->
 button onclick="submit();">提交/button>
 script>
 /*在這里編寫(xiě)submit()事件*/
 function submit() {
 $.ajax({
 url: "submit", /*數(shù)據(jù)提交到submit處*/
 type: "POST", /*采用POST方法提交*/
 data: { "name": $("#name").val(),"age":$("#age").val()}, /*提交的數(shù)據(jù)（json格式），從輸入框中獲取*/
 /*result為后端函數(shù)返回的json*/
 success: function (result) {
  if (result.message == "success!") {
  alert(result.message+"你的名字是"+result.name+",你的年齡是"+result.age)
  }
  else {
  alert(result.message)
  }
 }
 });
 }
 /script>
/html>

from flask import Flask, render_template, request, jsonify
#創(chuàng)建Flask對(duì)象app并初始化
app = Flask(__name__)

#通過(guò)python裝飾器的方法定義路由地址
@app.route("/")
#定義方法 用jinjia2引擎來(lái)渲染頁(yè)面，并返回一個(gè)index.html頁(yè)面
def root():
 return render_template("index.html")

#app的路由地址"/submit"即為ajax中定義的url地址，采用POST、GET方法均可提交
@app.route("/submit",methods=["GET", "POST"])
#從這里定義具體的函數(shù) 返回值均為json格式
def submit():
 #由于POST、GET獲取數(shù)據(jù)的方式不同，需要使用if語(yǔ)句進(jìn)行判斷
 if request.method == "POST":
 name = request.form.get("name")
 age = request.form.get("age")
 if request.method == "GET":
 name = request.args.get("name")
 age = request.args.get("age")
 #如果獲取的數(shù)據(jù)為空
 if len(name) == 0 or len(age) ==0:
 return {'message':"error!"}
 else:
 return {'message':"success!",'name':name,'age':age}

#定義app在8080端口運(yùn)行
app.run(port=8080)

import pymysql
class Database:
 #設(shè)置數(shù)據(jù)庫(kù)的連接參數(shù)，由于我是在服務(wù)器中編寫(xiě)的，所以host是localhost
 host = "localhost"
 user = "root"
 password = "Zhangxy0212!!"
 #類(lèi)的構(gòu)造函數(shù)，參數(shù)db為欲連接的數(shù)據(jù)庫(kù)。該構(gòu)造函數(shù)實(shí)現(xiàn)了數(shù)據(jù)庫(kù)的連接
 def __init__(self,db):
 connect = pymysql.connect(host=self.host,user=self.user,password=self.password,database=db)
 self.cursor = connect.cursor()
 #類(lèi)的方法，參數(shù)command為sql語(yǔ)句
 def execute(self, command):
 try:
 #執(zhí)行command中的sql語(yǔ)句
 self.cursor.execute(command)
 except Exception as e:
 return e
 else:
 #fetchall()返回語(yǔ)句的執(zhí)行結(jié)果，并以元組的形式保存
 return self.cursor.fetchall()

html>
script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">/script>
h1>請(qǐng)輸入你的名字/h1>
input type="text" id="name" name="name">
button onclick="show();">提交/button>
!--result用來(lái)顯示提交結(jié)果-->
p id="result">/p>
script>
 function show() {
 $.ajax({
  url: "show",
  type: "POST",
  data: { "name": $("#name").val()},
  /*不要忘記 result為后端處理函數(shù)的返回值！*/
  success: function (result) {
  if (result.status == "success") {
   $("#result").text($("#name").val() + "是" + result.message)
  }
  else {
   $("#result").text("出錯(cuò)了")
  }
  }
 });
 }
/script>
/html>

from database import Database

#通過(guò)python裝飾器的方法定義路由地址
@app.route("/data")
#定義方法 用jinjia2引擎來(lái)渲染頁(yè)面，并返回一個(gè)index.html頁(yè)面
def data():
 return render_template("data.html")

#app的路由地址"/show"即為ajax中定義的url地址，采用POST、GET方法均可提交
@app.route("/show",methods=["GET", "POST"])
def show():
 #首先獲取前端傳入的name數(shù)據(jù)
 if request.method == "POST":
 name = request.form.get("name")
 if request.method == "GET":
 name = request.args.get("name")
 #創(chuàng)建Database類(lèi)的對(duì)象sql，test為需要訪問(wèn)的數(shù)據(jù)庫(kù)名字 具體可見(jiàn)Database類(lèi)的構(gòu)造函數(shù)
 sql = Database("test")
 try:
 #執(zhí)行sql語(yǔ)句 多說(shuō)一句，f+字符串的形式，可以在字符串里面以{}的形式加入變量名 結(jié)果保存在result數(shù)組中
 result = sql.execute(f"SELECT type FROM type WHERE name='{name}'")
 except Exception as e:
 return {'status':"error", 'message': "code error"}
 else:
 if not len(result) == 0:
  #這個(gè)result，我覺(jué)得也可以把它當(dāng)成數(shù)據(jù)表，查詢的結(jié)果至多一個(gè)，result[0][0]返回?cái)?shù)組中的第一行第一列
  return {'status':'success','message':result[0][0]}
 else:
  return "rbq"