ajax demo

xdai555 · xdai555 · commit 453263792e82 · 2022-03-16T00:07:18.000+08:00
diff --git a/demo/flask_demo/ajax_demo.py b/demo/flask_demo/ajax_demo.py
@@ -0,0 +1,20 @@
+from flask import Flask, render_template
+
+app = Flask(__name__)
+
+
+@app.route("/")
+def index():
+    return render_template("ajax_demo.html")
+
+
+@app.route("/getUserInfo/<username>")
+def get_user_info(username):
+    user_info = {}
+    if username == "zhangsan":
+        user_info = {"username": "zhangsan", "age": 3, "mail": "1@1.com"}
+    return {"data": user_info, "status": 200}
+
+
+if __name__ == "__main__":
+    app.run(debug=True)
diff --git a/demo/flask_demo/my_site/app/models.py b/demo/flask_demo/my_site/app/models.py
@@ -0,0 +1,67 @@
+from flask import Flask
+from flask_sqlalchemy import SQLAlchemy
+from werkzeug.security import generate_password_hash, check_password_hash
+import os
+
+basedir = os.path.abspath(os.path.dirname(__file__))
+
+"""
+mysql://username:password@hostname/database
+postgresql://username:password@hostname/database
+sqlite:////absolute/path/to/database
+"""
+app = Flask(__name__)
+app.config["SQLALCHEMY_DATABASE_URI"] = "sqlite:///" + os.path.join(
+    basedir, "data.sqlite"
+)
+print(app.config.get("SQLALCHEMY_DATABASE_URI"))
+app.config["SQLALCHEMY_TRACK_MODIFICATIONS"] = False
+
+db = SQLAlchemy(app)
+
+
+# 定义模型
+class Role(db.Model):
+    __tablename__ = "roles"
+    id = db.Column(db.Integer, primary_key=True)
+    name = db.Column(db.String(64), unique=True)
+    users = db.relationship("User", backref="role")
+
+    def __repr__(self) -> str:
+        return "<Role %s>" % self.name
+
+
+class User(db.Model):
+    __tablename__ = "users"
+    id = db.Column(db.Integer, primary_key=True)
+    username = db.Column(db.String(64), unique=True)
+    password = db.Column(db.String(64))
+    password_hash = db.Column(db.String(128))
+
+    @property
+    def password(self):
+        raise AttributeError("Password is not readable")
+
+    @password.setter
+    def password(self, password):
+        self.password_hash = generate_password_hash(password)
+
+    def verify_password(self, password):
+        return check_password_hash(self.password_hash, password)
+
+    role_id = db.Column(db.Integer, db.ForeignKey("roles.id"))
+
+    def __repr__(self) -> str:
+        return "<User %s>" % self.username
+
+
+@app.shell_context_processor
+def make_shell_context():
+    return dict(db=db, User=User, Role=Role)
+
+
+# 迁移数据库
+# pip install flask-migrate
+from flask_migrate import Migrate
+
+migrate = Migrate(app, db)
diff --git a/demo/flask_demo/templates/ajax_demo.html b/demo/flask_demo/templates/ajax_demo.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Ajax Test</title>
+    <!-- 从公网引入 jquery -->
+    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
+</head>
+<body>
+<input type="text" id="user">
+<button type="submit" onclick="getTable1()">提交</button>
+<p id="userinfo"></p>
+</body>
+</html>
+
+
+<script>
+    function getTable1(){
+        if ($("#user").val() == ""){
+            $("#userinfo").text("内容不能为空！")
+        }else{
+            // $.ajax 接收一个参数，包含当前请求的所有配置
+            $.ajax({
+                url: './getUserInfo/' + $("#user").val(), // 必填，请求的地址
+                type: 'GET', // 选填，请求方式，默认是 GET（忽略大小写）
+                data: {}, // 选填，发送P请求是携带的参数
+                dataType: 'json', // 选填，期望返回值的数据类型，默认是 string
+                async: true, // 选填，是否异步，默认是 true
+                success: function(data){
+                    //$("#userinfo").text(JSON.stringify(data))
+                    //console.log(data["data"])
+                    for (var key in data.data){
+                        $("#userinfo").append('<tr><th>'+key+'</th><td>'+data.data[key]+'</td></tr>')
+                    }
+                }, // 选填，成功的回调函数
+                error: function(){$("#userinfo").text("获取信息失败")}, // 选填，失败的回调函数
+                cache: true, // 选填，是否缓存，默认是 true
+                context: "", // 选填，回调函数中的 this 指向，默认是 ajax 对象
+                status: {}, // 选填，根据对应的状态码进行函数执行
+                timeout: 1000, // 选填，超时事件
+            })
+        }
+
+    }
+</script>
diff --git a/demo/flask_demo/templates/index.html b/demo/flask_demo/templates/index.html
@@ -14,8 +14,8 @@ <h2>Hello {{ name }} !</h2>
     {% else %}
     <script>alert("Hello Stranger !")</script>
     {% endif %}
-<p>当前时间： {{ moment(current_time).format('LLL') }}</p>
-<p>已经是: {{ moment(current_time).fromNow(refresh=True) }}</p>
+<!-- <p>当前时间： {# moment(current_time).format('LLL') #}</p> -->
+<!-- <p>已经是: {# moment(current_time).fromNow(refresh=True) #}</p> -->
 
 </body>
 
