开始Flask项目

时间：2017-11-04 00:11:11 阅读：205 评论：0 收藏：0 [点我收藏+]

新建Flask项目。
设置调试模式。
理解Flask项目主程序。
使用装饰器，设置路径与函数之间的关系。
使用Flask中render_template，用不同的路径，返回首页、登录员、注册页。

用视图函数反转得到URL，{{url_for(‘login’)}}，完成导航条里的链接。

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(‘/register/‘)
def register():
    return render_template(‘register.html‘)

if __name__ == ‘__main__‘:
    app.run(debug=True)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1 align="center">mis问答平台<span style="font-size: larger";></span></h1>
<h2 align="center">广州商学院界面</h2>
<style type="text/css">
     p{
            color: red;
        }
        h2{
     background-color: cyan;
        }
        .textyellow{
            color: blue;
                   }
        #tt{
            color: yellow;
        }
</style>

<nav>
    <img src="http://www.gzcc.cn/2016/images/banner.png" width="258" height="39" alt="gzcc.cn"><br>
    <a href="">首页</a>
    <a href="">下载APP</a>
    <input type="text"name="search"placeholder="输入内容">
    <button type="submit">搜索</button>
    <a href="login.html">登录</a>
    <a href="register.html">注册</a>
    </nav>
</body>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户提示</title>
 <link rel="stylesheet" type="text/css" href="../aa/css/1.css">

<body>
<div class="bigbox">
      <div class="box">
          <h2 align="center">登录</h2>

       <div class="input_box" align="center">
           账户：<input id="umane"type="text"placeholder="请输入用户名">
       </div>
        <div class="input_box" align="center">
           密码：<input id="upass"type="password"placeholder="请输入密码">
       </div>
          <div id="error_box"><br></div>
          <div class="input_box" align="center">
              <button onclick="myLogin()">登录</button>
               <button onclick=window.alert("是否取消登录？")>取消</button></div>
          </div>
               </div>
<script>function myLogin() {
            var oUname = document.getElementById("umane");
            var oError = document.getElementById("error_box");
             var oUpass = document.getElementById("upass");
            oError.innerHTML = "<br>"
     //oUname
        if (oUname.value.length>12 || oUname.value.length<6){
            oError.innerHTML = "name:6-12";
            return;
         } else if((oUname.value.charCodeAt(0)>=48) && oUname.value.charCodeAt(0)<=57){

            oError.innerHTML = "首字母不能是数字";
            return;
        }else for(var i=0; i<oUname.value.length;i++)
        {

     if((oUname.value.charCodeAt(i)<48 || oUname.value.charCodeAt(i)>57)&&(oUname.value.charCodeAt(i)<97 || oUname.value.charCodeAt(i)>122 )){
                    oError.innerHTML = "只能包含字母和数字";
                    return;
                }
            }


            if(upass.value.length>12 || upass.value.length<6){
                oError.innerHTML="password;6-12";
                return;
            }
            window.alert("登陆成功 ！")

        }
        </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
 <link rel="stylesheet" type="text/css" href="../aa/css/1.css">
    <script>function myLogin() {
            var oUname = document.getElementById("umane");
            var oError = document.getElementById("error_box");
             var oUpass = document.getElementById("upass");
            oError.innerHTML = "<br>"
     //oUname
        if (oUname.value.length>12 || oUname.value.length<6){
            oError.innerHTML = "name:6-12";
            return;
         } else if((oUname.value.charCodeAt(0)>=48) && oUname.value.charCodeAt(0)<=57){

            oError.innerHTML = "首字母不能是数字";
            return;
        }else for(var i=0; i<oUname.value.length;i++)
        {

     if((oUname.value.charCodeAt(i)<48 || oUname.value.charCodeAt(i)>57)&&(oUname.value.charCodeAt(i)<97 || oUname.value.charCodeAt(i)>122 )){
                    oError.innerHTML = "只能包含字母和数字";
                    return;
                }
            }


            if(upass.value.length>12 || upass.value.length<6){
                oError.innerHTML="password;6-12";
                return;
            }
            window.alert("登陆成功 ！")

        }</script>
</head>
<body>
<div class="bigbox">
      <div class="box">
          <h2 align="center">注册</h2>

       <div class="input_box" align="center">
           输入账户：<input id="umane"type="text"placeholder="请输入用户名">
       </div>
        <div class="input_box" align="center">
           输入密码：<input id="upass"type="password"placeholder="请输入密码">
       </div>
          <div class="input_box"  align="center">
           再输密码：<input id="userpass1" type="password" placeholder="请再次输入密码">
    </div>
          <div id="error_box"><br></div>
          <div class="input_box" align="center">
              <button onclick="myLogin()">注册</button>

          </div>
               </div>

</body>
</html>

技术分享

开始Flask项目

标签：use 输入返回 charset span dea 注册 err imp

原文地址：http://www.cnblogs.com/kebibrany/p/7780570.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行