zoukankan      html  css  js  c++  java
  • 完成注册功能

    function zhuce() {
        var oPass = document.getElementById("upass");
        var oPass1 = document.getElementById("upass1");
        var oUname = document.getElementById("uname");
        var oError = document.getElementById("error_box")
        var isError = true;
        oError.innerHTML = "<br>"
        if (oUname.value.length < 6 || oUname.value.length > 12) {
            oError.innerHTML = "用户名6-12位";
            isError = false;
            return isError;
        } else if ((oUname.value.charCodeAt(0) >= 48) && (oUname.value.charCodeAt(0) <= 57)) {
            oError.innerHTML = "首位为英文";
            isError = false;
            return isError;
        } 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 = "字母或数字";
                    isError = false;
                    return isError;
                }
    
            }
        if (oPass.value.length < 6 || oPass.value.length > 12) {
            oError.innerHTML = "密码6-12位";
            isError = false;
            return isError;
        }
        if (oPass != oPass1) {
            oError.innerHTML = "两次密码输入不一致"
            isError = false;
            return isError;
        }
        window.alert("注册成功")
        return true;
    }
    

      

    {% extends 'lx3.html' %}
    {% block registertitle %}注册{% endblock %}
    {% block registerhead %}<script type="text/javascript" src="../static/js/js.js"></script>{% endblock %}
    
    
     <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet"  type="text/css" href="../static/css/webb.css" >
    <base href="www.gzcc.cn"target="_blank">
    
    
    <h1>
     注册界面
    </h1>
    
    
    <body  id="myBody" >
    {% block body %}
     <form action="{{ url_for('regist')}}" method="post"><br/>
    <div  class="bigdiv" id="container" >
    <div id="header" ><h2 align="center">注册</h2></div>
    
    <div id="content">
    
    
        <div align="center"> 账号注册:<input id="uname" type="text" name="username" placeholder="请输入用户名" ><br></div>
        <div align="center"> 注册密码:<input  id="upass" type="password" name="password" placeholder="请输入密码"><br></div>
        <div align="center"> 确认密码:<input id="upass1" type="password"name="password1" placeholder="请确认密码"></div>
          <div align="center">  <input type="radio" name="role" value="stu">student
          <input type="radio" name="role" value="tea">teacher <br>
          <input type="checkbox" value="true"><span style="color: blueviolet">rember</span> <a href="www.gzcc.cn"> 登陆问题请点</a></div>  <br>
    
           <div align="center">
                <button type="submit" onclick="return zhuce()">注册</button>
            <input type="button" value="cancel"><br>
           </div>
        <div align="center">
             <div id="error_box"></div><br>
        </div>
    </div>
    </div>
    
    </body>
    {% endblock %}
    </html>
    

      

    from flask import Flask
    from flask import render_template,request,redirect,url_for
    import config
    from flask_sqlalchemy import SQLAlchemy
    app = Flask(__name__)
    app.config.from_object(config)
    db = SQLAlchemy(app)
    class User(db.Model):
        __tablename__ = 'user'
        id = db.Column(db.Integer,primary_key=True,autoincrement=True)
        username = db.Column(db.String(20),nullable=False)
        password = db.Column(db.String(20),nullable=False)
        nickname=db.Column(db.String(20),nullable=True)
    db.create_all()
    # 增加
    # user=User(username='yujiujiu2',password='11111',nickname='123456')
    # db.session.add(user)
    # db.session.commit()
    #查询
    # user=User.query.filter(User.username =='yujiujiu2').first()
    # print(user.username,user.password,user.nickname)
    #删除
    # user=User.query.filter(User.username =='vixx').first()
    # db.session.delete(user)
    # db.session.commit()
    #修改
    # user=User.query.filter(User.username =='vixx').first()
    # user.password='123456789'
    # db.session.commit()
    @app.route('/')
    def lx():
        return render_template('lx3.html')
    
    @app.route('/login/',methods=['GET','POST'])
    def login():
        return render_template('lx2.html')
    
    @app.route('/regist',methods=['GET','POST'])
    def regist():
        if request.method=='GET':
            return render_template('lx.html')
        else:
            username=request.form.get('username')
            password=request.form.get('password')
    
            user = User.query.filter(User.username == username).first()
            # 判断用户名是否存在
            if user:
                return u'username existed'
            else:
                user = User(username=username, password=password)
                db.session.add(user)
                db.session.commit()
                return redirect(url_for('login'))
    @app.route('/fabu')
    def fabu():
        return render_template('fabu.html')
    
    if __name__ == '__main__':
        app.run(debug=True)
    

      

  • 相关阅读:
    SQL Server 自动化运维系列
    SQL Server性能调优系列
    大数据时代:深入浅出微软数据挖掘算法系列
    大数据系列(5)——Hadoop集群MYSQL的安装
    大数据系列(4)——Hadoop集群VSFTP和SecureCRT安装配置
    大数据系列(3)——Hadoop集群完全分布式坏境搭建
    大数据系列(2)——Hadoop集群坏境CentOS安装
    大数据系列(1)——Hadoop集群坏境搭建配置
    Hadoop Cluster 安装
    Hadoop日常维护系列——Hadoop添加删除节点
  • 原文地址:https://www.cnblogs.com/zheng01/p/7854348.html
Copyright © 2011-2022 走看看