毕设帮助,指导,本源码分享,调试部署(见文末)
3.4.1用户登录流程
对于系统的安全性的第一关,就是用户想要进入系统,必须通过登录窗口,输入自己的登录信息才可以进行登录,用户输入的信息准确无误后才可以进入到操作系统界面,进行功能模块的相对应操作,如果用户输入的信息不正确,则窗口出现提示框,用户登录失败,返回到第一步进行重新输入,如图3-1所示。
图3-1登录操作流程图
3.4.2信息添加流程
对于城市公交系统小程序,需要随时添加所需要的数据信息,对于用户添加信息,需要根据添加界面,根据选框的内容进行填写所要添加的数据信息,信息输入完成后判断数据信息是否符合要求,符合要求则添加完成,用户所添加的信息不符合要求,则需要返回到第一步,重新输入数据信息,再进行判断操作,如图3-2所示。
图3-2 信息添加流程图
3.4.3信息删除流程
不管是哪个用户角色进入到不通的系统操作界面,都可以进行不同的信息内容的操作功能,对用系统数据信息的删除,用户一旦将信息删除,那么该删除的数据信息将无法恢复,所以用户在对数据删除事,一定判断删除的内容是否是确定要删除的,确定无误后选择确定删除操作,如图3-3所示。
图3-3 信息删除流程图
4.1系统架构设计
基于城市公交系统小程序的设计基于现有的手机,可以实现首页、个人中心、用户管理、公交站台管理、公交车信息管理、线路查询管理、留言板管理、系统管理等功能。方便用户对首页、公交站台、公交车信息、线路查询、我的等详细的了解及统计分析。根据系统功能需求建立的模块关系图如下图:
图4-1管理员功能模块图
4.2开发流程设计
从城市公交系统小程序的成功开发经验来看,上述方法效果最为明显,最大程度地降低了系统开发的复杂性。如图4-2所示。
图4-2开发系统流程图
4.3数据库设计
(1) 公交车信息E-R图,如图4-3所示:
图4-3公交车信息实体属性图
(2) 线路查询管理E-R图如图4-4所示:
图4-4线路查询管理实体图
这些功能可以充分满足城市公交系统小程序的需求。此系统功能较为全面如下图系统功能结构如图4-5所示。
图4-5系统功能结构图
5.1小程序端
用户登录,用户通过输入账号和密码,选择角色并点击登录进行系统登录操作,如图5-1所示。
图5-1用户登录界面图
用户注册,在用户注册页面通过填写用户名、密码、昵称、姓名、邮箱、手机等信息进行注册操作;如图5-2所示。
图5-2用户注册界面图
用户登陆系统后,可以对首页、公交站台、公交车信息、线路查询、我的等功能进行详细操作,如图5-3所示。
图5-3系统首页界面图
公交站台,在公交站台页面可以查看站台名称、图片、经过公交、地址等信息,如图5-4所示。
图5-4公交站台界面图
公交车信息,在公交车信息页面可以查看公交车号、图片、出发站、终点站、站点路线、票价、服务时间、班次等信息,如图5-5所示。
图5-5公交车信息界面图
线路查询,在线路查询页面可以查看地点名称、图片、站点名称、经过公交、起点、里程、路线、大概费用等信息,如图5-6所示。
图5-6线路查询界面图
我的,在我的页面可以对我的收藏管理、留言板等详细信息进行操作,如图5-7所示。
图5-7我的界面图
用户信息,在用户信息页面通过填写用户名、密码、昵称、头像、姓名、邮箱、手机等信息进行保存操作,如图5-8所示。
图5-8用户信息界面图
5.2服务端
管理员登录,管理员通过输入用户名、密码,选择角色并点击登录进行系统登录操作,如图5-9所示。
图5-9管理员登录界图面
管理员登陆系统后,可以对首页、个人中心、用户管理、公交站台管理、公交车信息管理、线路查询管理、留言板管理、系统管理等功能进行相应操作,如图5-10所示。
图5-10管理员功能界图面
用户管理,在用户管理页面可以对用户名、密码、昵称、头像、姓名、邮箱、手机等内容进行详情、修改或删除等操作,如图5-11所示。
图5-11用户管理界面图
公交站台管理,在公交站台管理页面可以对站台名称、图片、经过公交、地址等内容进行详情、修改或删除等操作,如图5-12所示。
图5-12公交站台管理界面图
公交车信息管理,在公交车信息管理页面可以对公交车号、图片、出发站、终点站、站点路线、票价、服务时间、班次等内容进行详情、修改或删除等操作,如图5-13所示。
图5-13公交车信息管理界面图
线路查询管理,在线路查询管理页面可以对地点名称、图片、站点名称、经过公交、起点、里程、路线、大概费用等内容进行详情、修改或删除等操作,如图5-14所示。
图5-14线路查询管理界面图
留言板管理,在留言板管理页面可以对用户名、留言内容、回复内容等内容进行回复、详情、删除等操作,如图5-15所示。
图5-15留言板管理界面图
系统管理,在系统公告页面可以对标题、图片等内容进行详情、修改或删除等操作,还可以轮播图管理进行相对应操作,对如图5-16所示。
图5-16系统管理界面图