查询网站的用户登录注册和操作日志存储设计和实现 |
您所在的位置:网站首页 › 日志界面设计 › 查询网站的用户登录注册和操作日志存储设计和实现 |
用户登录注册以及操作日志
概要
schema
用户注册部分
用户注册界面设计
用户注册
用户登录部分
用户登录界面
用户登录
新闻查询界面
cookie
概要
本节主要介绍对网站添加了用户登陆、注册等操作。 主要有以下几个部分: 1、在数据库中添加相关的表 2、注册部分以及注册的界面 3、登陆操作以及登陆的界面设计 4、非登陆的用户不能进行新闻查询 5、将用户操作写入日志 schema在这个部分添加了两个表,用来存储用户信息与日志信息,其中用户信息表中,存储了用户名以及用户的密码,日志中存储了用户名、操作时间和具体操作 建表语句如下: create table UserInfo ( id_user serial UNIQUE, name varchar(20) DEFAULT NULL, passwd vachar(20) DEFAULT NULL) create table Logs( id_log serial UNIQUE, username varchar(20) DEFAULT NULL, log_time date DEFAULT CURRENT_TIMESTAMP, operation varchar(100) DEFAULT NULL) 用户注册部分在这部分将介绍用户注册部分的界面以及注册的代码逻辑。 用户注册界面设计设计了一个简单的用户注册界面,主要提供了输入用户名和密码部分的输入框以及一个注册按钮,代码在regist.html中。 注册界面 注册 账号: 密码: 注册用户界面的css样式表在,regist.css中,分开进行存放。 *{ margin: 0; padding: 0; font-family: 微软雅黑; font-size: 12px; } .box{ width: 390px; height: 320px; border: solid 1px #ddd; background: #FFF; position: absolute; left: 50%; top:42%; margin-left: -195px; margin-top: -160px; text-align: center; } .box h2{ font-weight: normal; color:#666; font-size: 16px; line-height: 40px; overflow: hidden; text-align: center; border-bottom: solid 1px #ddd; background: #f7f7f7; } .input_box{ width:350px; padding-bottom: 15px; margin: 0 auto; overflow: hidden; }界面如下图所示: 在点击注册按钮之后,会调用Regist函数,函数全部存储在login.js中。 会先检查用户名以及用户密码的长度,是否符合规范,如果不符合,则会进行提示,并且之间返回。代码如下: var oUname = document.getElementById("uname"); var oUpass = document.getElementById("upass"); var oError = document.getElementById("error_box") var |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |