演示视频:
https://www.bilibili.com/video/BV144421c74s/
在管理信息系统的生命周期中,仅过了需求分析、系统设计等阶段之后,便开始了系统实施阶段。在系统分析和设计阶段,系统开发工作主要是集中在逻辑、功能和技术设计上,系统实施阶段要继承此前面各个阶段的工作成果,将技术设计转化为物理实现,因此系统实施的成果是系统分析和设计阶段的结晶。
3.1后台登陆页面1.描述:为了保证系统的安全性,要使用本系统必须先登陆到系统中。管理员登录采用AJAX方式进行验证,先是在前台获取输入的管理中登录账号、密码,点击登录后,通过AJAX方式,后台异步进行验证,实现页面无刷新的管理员登录。
2.程序运行效果图如图3.1所示:
图3.1 管理员登陆页面设计
3.在登陆页面输入用户名和密码以,点击提交按钮,跳转到登陆的service中,在该service中会对用户名,密码进行判断,如果正确提示“通过验证”,进入到管理界面,如果错误则提示“用户名和密码不正确”,页面调转到登陆页。
3.2管理员模块1.描述:管理员主页面:左方页面展示了管理员可操作的几大功能,进入相关的管理页面可以链接到子菜单,并且高亮显示,每个管理模块下面都有相应的子菜单。
2.程序运行效果图如图3.2所示:
图3.2管理员主页面
在每个jsp页面将会对相关用户进行拦截操作,这样可以提高安全性,防止用户不经过登陆页面而进入任何子菜单页面:
3.2.1报刊类别管理4.2.1.1类别信息录入
1. 描述:管理员输入类别相关正确信息后点击录入按钮,如果是没有输入完整的普通用户信息,比如没有输入类别名称,都会给出相应的错误提示,不能录入成功。输入数据都通过form表单中定义的方法οnsubmit="return checkForm()"来检查,checkForm()函数中是各种的校验输入数据的方式。
2. 程序效果图如下图3.3所示:
图3.3 类别信息录入
3.流程图如下图3.4所示:
图3.4 报刊类别信息录入流程图
4.2.1.2类别信息管理
1.描述:管理员点击左侧的菜单“报刊类别管理”,页面跳转到类别管理界面,调用后台的action类查询所有报刊类别信息。
2.程序效果图如下图3.5所示
图3.5 报刊类别管理
3.2.2.1报刊信息录入
1.描述:在此页面主要是输入报刊信息,包括报刊名称、报刊介绍、报刊图片、报刊价格等,其中报刊介绍这个地方,使用的是开源的在线文本编辑器fckEditor这个富文本框实现。是否为空也是通过form表单中的οnsubmit="return checkForm()来检查。
2.程序效果图如图3.7所示:
图3.7 报刊信息录入
3.2.2.2报刊信息管理
1.描述:管理员点击左侧的菜单“报刊管理”,页面跳转到报刊管理界面,调用后台的报刊Action类查询出所有的报刊信息,并把这些信息封转到数据集合List中,绑定到request对象,然后页面跳转到相应的jsp,显示出报刊信息。
2.程序效果图如下图3.8所示
图3.8 报刊信息管理页面
3.2.3会员信息管理3.2.3.1会员信息管理
1.描述:游客访问该站点的时候,可以注册成为会员,管理员登陆后可以管理会员信息,点击左侧的“会员管理“,页面调转中后台的是java类userAction,在此类中,读取数据库中,提取会员的信息,绑定到request对象,再输出到相应的jsp显示页面页面。
2.程序效果图如图3.9所示:
图3.9会员信息管理
3.2.4订单信息管理3.2.3.1查询订单信息
1.描述:管理员点击左侧的菜单“订单管理”,页面跳转到订单管理界面,调用后台的订单Action类查询出所有的订单信息,并把这些信息封转到数据集合List中,绑定到request对象,然后页面跳转到相应的jsp,显示出订单信息。
2.程序效果图如图3.12所示:
图3.12 查询订单信息
3.2.3.2订单受理
1.描述:点击未受理的订单信息,点击确定对话框,完成订单受理操作。
订单管理关键代码:
3.2.5修改个人密码1.描述:输入用户名和用户的原有密码,输入新密码以后点击修改按钮即可修改密码成功。
2.程序效果图如图3.16所示:
图3.16 修改密码
1.描述:点此按钮回到系统的主页面。
3.3普通用户模块3.3.1系统主页面实现1.描述:页面的上方显示的是该网站的标题,下方主要部分是信息显示区域,左侧上部分是报刊分类信息,下部分是联系我们,点击类别名称可以链接到改类别下的报刊信息。
2.程序运行效果图如图3.17所示:
图3.17 系统主页面设计
3.3.2会员注册模块1.描述:对于游客,至于浏览的功能,如果想进一步使用本系统,比如说购买报刊、在线下订单等,首先需要注册一个合法的账号,然后登陆后,方能使用,点击导航栏菜单“注册会员”,调用js的open()方法,弹出注册页面,输入相关正确信息后点击注册按钮即可完成注册,如果是没有输入完整的信息,或都会给出相应的错误提示,不能录入成功。输入数据都通过form表单中定义的方法οnsubmit="return checkForm()"来检查,checkForm()函数中是各种的校验输入数据的方式。
2.程序效果图如图3.19所示:
图3.19 用户注册界面设计
3.3.4报刊订阅模块1.描述:用户注册账号并成功登录系统后,通过主页的报刊展示或按报刊类别找到想要购买的报刊,点击报刊图片,打开报刊详细信息界面,浏览报刊的具体信息,如果想要购买该报刊,输入购买数量,点击购买按钮,完成报刊购买操作。
2.程序效果图如图3.19所示:
图3.20 购买报刊
3.3.5购物车管理1.描述:和超市购物一样,用户购买的报刊暂时存放在购物车中,点击菜单中的“我的购物车”,即可查看当用户购物车中的内容,用户可以实现报刊数量的增加、减少,删除某一件报刊和清空购物车操作。购物车管理采用AJAX技术实现,即上述所说操作,均通过AJAX方式异步处理,页面无任何刷新,后台处理完成后,前台只显示最终的操作结果。
2.程序效果图如图3.21。
图3.21 购物车管理