一、功能实现
登录界面实现后台账号、密码验证实现进入后台网站的功能模块。
登录界面:见图1。
图1 登录界面
输入正确的账号密码和验证码之后,就会进入主页面,主页面如图2,
图2 主页面
主页面显清楚地显示了所有的功能模块
修改密码主要是实现用户进行该账号修改个人用户密码的功能
点击系统菜单栏下的首页—修改密码菜单,弹出以下界面,如图3:
图3
输入该账号的正确原密码和新密码后点击确认,会提示修改成功,然后就会自动退出系统进行重新登录
认证管理模块包括了:实名认证、学历认证、手机认证、证明材料类型,四个小模块,主要是处理前台相关用户的相关认证
实名认证:点击系统菜单栏下的认证管理—实名认证,弹出以下界面,如图4:
图4
该界面主要功能包括了数据查询、数据查看、数据修改、数据审核,主要是处理前台用户的实名认证数据进行审核和确认
查询:输入需要查询相关数据的信息,点击查询后,列表就会显示查询后的相关数据
查看:点击某行数据的查看按钮,会弹出该行数据的详细信息
修改:点击某行数据的修改按钮,会显示该行的详细数据,只可以进行修改该行数据的状态和审核备注(该修改功能除了超级管理员,其他用户需权限才可以进行修改)修改完成后,点击“确认修改”按钮,改信息就会发生修改变化。
审核:点击某行数据的审核按钮,会弹出审核模态框(该修改功能除了超级管理员,其他用户需权限才可以进行修改)经过确认审核后,发现该信息无误,就可以选择“审核通过”,写入相关备注信息,输入正确的验证码,点击“确认审核”按钮,该数据就会审核通过,然后数据就会返回前台;如果该信息有误或者不正确,则是选择“审核不通过”,并写入相关备注信息,输入正确的验证码,点击“确认审核”按钮,该数据就会不通过,数据会返回到前台相关用户,该实名认证则是不通过
学历认证:点击系统菜单栏下的认证管理—学历认证,弹出以下界面,如图5:
图5
图6
学历认证界面又包括了认证和记录,认证界面如图5,记录界面如图6,学历认证主要功能有数据查询、数据审核、数据修改,主要是处理前台用户的学历认证数据进行审核和确认
认证界面:查询:输入需要查询相关数据的信息,点击查询后,列表就会显示查询后的相关数据
审核:点击某行数据的审核按钮,会弹出审核模态框(该修改功能除了超级管理员,其他用户需权限才可以进行修改)经过确认审核后,发现该信息无误,就可以选择“审核通过”,写入相关备注信息,输入正确的验证码,点击“确认审核”按钮,该数据就会审核通过,然后数据就会返回前台;如果该信息有误或者不正确,则是选择“审核不通过”,并写入相关备注信息,输入正确的验证码,点击“确认审核”按钮,该数据就会不通过,数据会返回到前台相关用户,该学历认证则是不通过。
修改:点击某行数据的修改按钮,会显示该行的详细数据(该修改功能除了超级管理员,其他用户需权限才可以进行修改)修改完成后,点击“确认修改”按钮,改信息就会发生修改变化(用户和真实姓名不可擅自修改)。
记录界面:查询:输入需要查询相关数据的信息,点击查询后,列表就会显示查询后的相关数据
手机认证:点击系统菜单栏下的认证管理—手机认证,弹出以下界面,如图7:
图7
图8
图9
手机认证界面又包括了手机短信认证(图7)、手机短信发送记录(图8)、手机短信设置(图9)
手机短信认证功能主要包括数据查询、短信发送、数据审核、数据修改
数据查询:输入需要查询相关数据的信息,点击查询后,列表就会显示查询后的相关数据
短信发送:后台手动添加手机短信认证,输入用户名、手机号码(会自动判断输入的手机号码是否正确和是否存在),然后点击“获取验证码”按钮,该手机号码就会收到一条验证码,然后再输入接收到的验证码(会自动判断该验证码是否是该手机号码接收到的验证码),点击提交(如果输入的手机号码已经认证过了,则该手机号码无法再验证),就完成该手机号码的验证,当然,还需要后台审核
审核:点击某行数据的审核按钮,会弹出审核模态框,经过确认审核后,发现该手机号码认证信息无误,就可以选择“审核通过”,写入相关备注信息,输入正确的验证码,点击“确认审核”按钮,该数据就会审核通过,然后数据就会返回前台;如果该信息有误或者不正确,则是选择“审核不通过”,并写入相关备注信息,输入正确的验证码,点击“确认审核”按钮,该数据就会不通过,数据会返回到前台相关用户,该手机号码认证则是不通过。
修改:点击某行数据的修改按钮,会显示该行的详细数据,只能修改手机号码、状态和审核备注(该修改功能除了超级管理员,其他用户需权限才可以进行修改)修改完成后,点击“确认修改”按钮,该信息就会发生修改变化。
手机短信发送记录主要功能包括了数据查询、发送短信、查看记录信息
数据查询:输入需要查询相关数据的信息,点击查询后,列表就会显示查询后的相关数据
发送短信:输入用户名、手机号码(会自动判断该号码是否已经通过了认证和该号码是否存在)、发送的内容和正确的验证码,输入后,短信信息则会发送到该手机号码上,然后该发送记录则会自动保存到数据库,可以根据条件进行查询该记录
查看:点击某行数据的查看按钮,会查看到相关的记录
手机短信设置:主要是设置手机短信发送的相关设置
证明材料类型:点击系统菜单栏下的认证管理—证明材料类型,弹出以下界面,如图10:
图10
证明材料类型是属于系统基础数据的一种,主要功能也包括了查询、添加、修改、删除四个功能,主要用途用于维护系统基础数据
查询:输入材料名称,可查询相关数据
添加:分别写入相关数据,可执行添加数据
修改:点击某行数据中的修改按钮,弹出模态框,修改完成后,点击“确认修改”按钮,该信息就会发生修改变化。
删除:(该删除功能除了超级管理员,其他用户需权限才可以进行删除)点击某行数据删除按钮,可以执行删除该数据
用户管理模块包括了:用户列表、用户信息、VIP管理三个小模块,主要是处理前台相关用户的信息
用户列表:点击系统菜单栏下的用户管理—用户列表,弹出以下界面,如图11:
图11
用户列表界面主要功能包括了数据查询、修改和新增用户
查询:输入需要查询相关数据的信息,点击查询后,列表就会显示查询后的相关数据
修改:(该修改功能除了超级管理员,其他用户需权限才可以进行修改)点击某行数据中的修改按钮,弹出模态框,(该修改功能只能修改前台用户的邮箱和登录次数),修改完成后,点击确认修改按钮进行修改保存
新增:该功能可以在后台管理添加前台用户,点击图11中的添加用户按钮,弹出模态框,添加完成后,点击提交,系统会自动显示该用户的账号
用户信息:点击系统菜单栏下的用户管理—用户信息,弹出以下界面,如图12:
图12
查询:输入用户名称后,点击图12中的查询,可查出相关用户信息
查看:点击图12中某行数据中的查看按钮,可查看该用户的相关详细信息
编辑:(该修改功能除了超级管理员,其他用户需权限才可以进行修改)点击图12中某行数据中的编辑按钮,弹出模态框,点击确认修改,可进行保存修改。
VIP管理:点击系统菜单栏下的用户管理—VIP管理,弹出以下界面,如图13:
图13
该界面主要是管理前台用户的VIP审核
查看:点击图13中的查看按钮,可查看该前台用户相关的VIP信息
审核:点击某行数据的审核按钮,会弹出审核模态框(该修改功能除了超级管理员,其他用户需权限才可以进行修改)经过确认审核后,发现该信息无误,就可以选择“审核通过”,写入相关备注信息,输入正确的验证码,点击“确认审核”按钮,该数据就会审核通过,然后数据就会返回前台;如果该信息有误或者不正确,则是选择“审核不通过”,并写入相关备注信息,输入正确的验证码,点击“确认审核”按钮,该数据就会不通过,数据会返回到前台相关用户,该VIP审核则是不通过。
内容管理模块包括了:文章功能、添加文章、分类栏目三个小模块,主要是处理公告信息
文章功能:点击系统菜单栏下的内容管理—文章功能,弹出以下界面,如图14:
图14
查询:输入需要查询相关数据的信息,点击图14中的查询,可查出文章相关信息
查看:点击图14中的查看按钮,页面跳转到文章查看界面,可查看相关文章内容,如图15:
图15
修改:点击图15中的修改按钮,页面跳转到文章编辑器,可以进行文章编辑修改
删除:点击图15中的删除按钮,可以删除相关文章数据
添加文章:点击系统菜单栏下的内容管理—添加文章,弹出以下界面,如图16:
图16
可以编辑相关文章,点击提交后,该文章会自动发布到公告上
分类栏目:点击系统菜单栏下的内容管理—分类栏目,弹出以下界面,如图17:
图17
分类栏目属于系统基础数据的一种,主要用途用于维护系统基础数据
添加:写入相关信息后,点击图17中的提交按钮,可完成添加分类栏目
修改:点击图17中的某行数据中的修改按钮,可修改相关栏目信息
删除:点击图17中的某行数据中的删除按钮,可删除相关栏目信息
系统管理模块包括了:模块管理、管理员管理、管理员类型、管理员记录四个小模块,主要是处理后台系统相关信息
模块管理:点击系统菜单栏下的系统管理—模块管理,弹出以下界面,如图18:
图18
编辑:点击图18中某行数据的编辑按钮,可编辑该行相关的模块信息
卸载:点击图18中某行数据的卸载按钮,可卸载该行相关的模块
安装:点击图18中某行数据的安装按钮,可安装该行相关的模块
管理员管理:点击系统菜单栏下的系统管理—管理员管理,弹出以下界面,如图19:
图19
添加:点击图19中的添加管理员按钮,可添加管理员
修改:点击图19中某行数据的修改按钮,可修改相关管理员的信息
删除:点击图19中某行数据的删除按钮,可删除相关管理员
管理员类型:点击系统菜单栏下的系统管理—管理员类型,弹出以下界面,如图20:
图20
该界面主要是设置相关管理员所属的管理类型的相关权限
修改:点击图20中某行数据的修改按钮,可修改相关权限信息,页面会跳转到相关页面,如图21:
图21
作废:点击图20中某行数据的作废按钮,可作废相关管理类型的信息,但如果该管理类型正在使用则不能作废
新增:点击图20中的新增角色按钮,可新增相关管理类型的信息和权限
管理员记录:点击系统菜单栏下的系统管理—管理员记录,弹出以下界面,该界面记录了后台管理员登录的相关信息,如图22:
图22
推广管理模块包括了:建立关联、用户个人推广信息、推广奖励资设置、推广记录管理四个小模块,主要是处理前台用户推广的相关信息
建立关联:点击系统菜单栏下的推广管理—建立关联,弹出以下界面,该界面主要是后台操作用户之间的关联,如图23:
图23
用户个人推广信息:点击系统菜单栏下的推广管理—用户个人推广信息,弹出以下界面,该界面主要是查看用户之间的推广详细信息,如图24:
图24
推广奖励资设置:点击系统菜单栏下的推广管理—推广奖励资设置,弹出以下界面,该界面主要是设置系统基础设置管理,是用于推广用途,如图25:
图25
推广记录管理:点击系统菜单栏下的推广管理—推广记录管理,弹出以下界面,该界面主要是查看用户之间推广的记录信息,如图26:
图26
二、相关业务表和关系
三、经典代码
1、后台获取用户登录电脑的IP地址
四、开发总结
这次项目的开发最大的收获就是了解了模型(Model),视图(View),控制器(Controller)之间的关系和概念,对于一些代码逻辑也得到了一定的提升,熟悉了Session机制和Cookie机制,一些数据类型转换的运用的熟悉运用;然后就是对于项目的是数据库的设计得到了一定的提升,因为要建立一个项目的数据库,需要了解该项目的业务逻辑关系,理清表与表之间的关系,定义一些字段的类型,还要对于表的命名规范化,这些不仅能增加我的知识,提升了业务逻辑能力,还能学到了设计数据库的规范化;对于页面的设计开发,更是进一步的深入了解了js、jQuery、html、css,进一步掌握了页面修改搭建,更能对bootstrap使用进一步地了解;关于数据之间的传递,对Json和Ajax之间的区别和使用进一步的加深,知道了 ViewBag 【动态类型(dynamic)】和ViewData【一个字典型的(Dictionary)】之间的区别