4 系统设计
4.1 系统架构设计
B/S系统架构是本系统开发采用的结构模式，使用B/S模式开发程序以及程序后期维护层面需要的经济成本是很低的，用户能够承担得起。使用这样的模式开发，用户使用起来舒心愉悦，不会觉得别扭，操作很容易就熟练了。而且方便管理。采用B/S体系结构开发的应用软件仅仅需要在客户端安装谷歌浏览器或者其他浏览器就可以操作，对于维护和升级操作则在服务器端就能完成，不用在客户端进行操作，这样就节省了许多开销，B/S模式能够保证软件应用的跨平台性和通用性，采用它开发软件是最佳选择。B/S模式示意图如图4-1所示。
图4-1 B/S模式示意图
4.2 系统结构设计
系统结构设计是整个系统设计中重要的一部分，在结构设计过程中，首先对系统进行需求分析，然后进行系统初步设计，将系统功能模块细化，具体分析每一个功能模块具体应该首先哪些功能，最后将各个模块进行整合，实现系统结构的最终设计。
本基于Web的足球青训俱乐部管理后台系统由学员功能模块、教练功能模块和管理员功能模块三大部分构成，系统的结构图如图4-2所示。
图4-2系统结构图
4.3 数据库设计
4.3.1数据库E-R图设计
数据库在系统中扮演这很重要的角色，在这次设计的程序中我运用的是Mysql数据库。Sql语句是访问数据库的最常用的标准化语言。使用数据库，可以使整个系统的数据更加的整洁、明了。数据库在整个系统中，就是这个系统的基础。一个好的数据库设计，更有利于后期的维护，功能的扩建。如果数据库的设计出现问题，那么将是非常麻烦的事情。
每张数据表都有其字段信息，如何直观的看出一张表的结构和数据间的关系，可以通过E-R图进行查看。E-R图灵活的表达了数据中实体和属性间的关系，使得数据关系更简单明了。每个系统数据库都需要提前进行设计规划，使整体数据库更统一规范化，也体现出开发人员的专业性。本基于Web的足球青训俱乐部管理后台系统的E-R图如下图所示：
（1）课程安排信息实体E- R图，如图4-5所示：
图4-5 课程安排信息实体图
（2）教练信息实体E- R图，如图4-6所示：
图4-6 教练信息实体图
（3）订单实体E- R图，如图4-7所示：
图4-7 订单实体图
（4）管理员实体E- R图，如图4-8所示：
图4-8 管理员实体图
（5）学员实体E- R图，如图4-9所示：
图4-9 学员实体图
（6）商品实体E- R图，如图4-10所示：
图4-10 商品实体图
4.3.2数据库表设计
本基于Web的足球青训俱乐部管理后台系统需要数据库，采用的是MYSQL这一数据库管理系统，各个数据库表的设计结果如下：
表4-1 kechenganpai课程安排信息表
列名 说明 类型 ( 长度 ) 备注
id 编号 bigint(20) 不允许空，主键
addtime 创建时间 timestamp 允许空
xueyuanzhanghao 学员账号 varchar(200) 允许空
xueyuanxingming 学员姓名 varchar(200) 允许空
jiaoliangonghao 教练工号 varchar(200) 允许空
jiaolianxingming 教练姓名 varchar(200) 允许空
kechengbianhao 课程编号 varchar(200) 允许空
kechengming 课程名 varchar(200) 允许空
fengmian 封面 varchar(200) 允许空
shangkeshijian 上课时间 datetime 允许空
shangkedidian 上课地点 varchar(200) 允许空
xiangqing 详情 longtext 允许空
userid 用户编号 bigint(20) 允许空
表4-2 jiaolian教练信息表
列名 说明 类型 ( 长度 ) 备注
id 编号 bigint(20) 不允许空，主键
addtime 添加时间 timestamp 允许空
jiaoliangonghao 教练工号 varchar(200) 允许空 mima 密码 varchar(200) 允许空 jiaolianxingming 教练姓名 varchar(200) 允许空 touxiang 头像 varchar(200) 允许空 nianling 年龄 varchar(200) 允许空 xingbie 性别 varchar(200) 允许空 shenfenzheng 身份证 varchar(200) 允许空 lianxidianhua 联系电话 varchar(200) 允许空 gongzuojingyan 工作经验 longtext 允许空 money 余额 float 允许空
表4-3 orders订单信息表
列名 说明 类型 ( 长度 ) 备注
id 编号 bigint(20) 不允许空，主键
addtime 添加时间 timestamp 允许空
orderid 订单编号 varchar(200) 允许空
tablename 商品表名 varchar(200) 允许空
userid 用户编号 bigint(20) 允许空
goodid 商品编号 bigint(20) 允许空
goodname 商品名称 varchar(200) 允许空
picture 商品图片 varchar(200) 允许空
buynumber 购买数量 int(11) 允许空
price 价格 float 允许空
discountprice 折扣价格 float 允许空
total 总价格 float 允许空
discounttotal 折扣总价格 float 允许空
type 支付类型 int(11) 允许空
status 状态 varchar(200) 允许空
address 地址 varchar(200) 允许空
tel 电话 varchar(200) 允许空
consignee 收货人 varchar(200) 允许空
表4-4 users管理员信息表
列名 说明 类型 ( 长度 ) 备注
id 编号 bigint(20) 不允许空，主键
username 用户名 varchar(100) 允许空
password 密码 varchar(100) 允许空
role 角色 varchar(100) 允许空
addtime 添加时间 timestamp 允许空
表4-5 xueyuan学员信息表
列名 说明 类型 ( 长度 ) 备注
id 编号 bigint(20) 不允许空，主键
addtime 添加时间 timestamp 允许空
xueyuanzhanghao 学员账号 varchar(200) 允许空mima 密码 varchar(200) 允许空
xueyuanxingming 学员姓名 bigint(20) 允许空 xingbie 性别 bigint(20) 允许空 shoujihao 手机号 varchar(200) 允许空
chushengnianyue 出生年月 date 允许空
touxiang 头像 varchar(200) 允许空
jiatingzhuzhi 家庭住址 varchar(200) 允许空
money 余额 float 允许空
表4-6 shangpinxinxi商品信息表
列名 说明 类型 ( 长度 ) 备注
id 编号 bigint(20) 不允许空，主键
addtime 添加时间 timestamp 允许空
shangpinID 商品编号 varchar(200) 允许空
shangpinmingcheng 商品名称 varchar(200) 允许空
`leixing 类型 varchar(200) 允许空
tupian 图片 varchar(200) 允许空
shangpinxiangqing 商品详情 varchar(200) 允许空
price 价格 float 允许空
5 系统实现
5.1 学员功能模块的实现
学员进入本系统可查看系统信息，系统前台主界面展示如图5-1所示。
图5-1系统主界面图
5.1.1学员注册界面
未有账号的学员可进入注册界面进行注册操作，学员注册界面展示如图5-2所示。
图5-2学员注册界面图
5.1.2学员登录界面
学员要想进行商品购买操作，必须登录系统，学员登录界面展示如图5-3所示。
图5-3学员登录界面图
5.1.3商品详情界面
学员在商品详情界面可查看商品详细信息，登录后可加入购物车或者立即购买操作，商品详情界面展示如图5-4所示。
图5-4 商品详情界面图
5.1.4课程安排详情界面
学员可选择课程安排查看详情信息，登录后可进行上课签到操作，课程安排详情界面展示如图5-5所示。
图5-5 课程安排详情界面图
5.1.5上课签到界面
学员登录后可进行上课签到操作，上课签到界面展示如图5-6所示。
图5-6 上课签到界面图
5.1.6个人中心界面
学员登录后可对个人信息进行管理，个人中心界面展示如图5-7所示。
图5-7 个人中心界面图
5.1.7我的订单界面
学员可进入我的订单界面查看个人已有订单信息，其界面展示如图5-8所示。
图5-8 我的订单界面图
5.2管理员功能模块的实现
5.2.1管理员登录界面
管理员要想进入系统后台对系统进行管理操作，必须进行登录系统，管理员登录界面展示如图5-9所示。
图5-9管理员管理界面图
5.2.2公告信息管理界面
管理员可增删改查公告信息，公告信息管理界面展示如图5-10所示。
图5-10 公告信息管理界面图
5.2.3学员管理界面
管理员可查看、添加、修改和删除学员信息，学员管理界面展示如图5-11所示。
图5-11 学员管理界面图
5.2.4商品信息管理界面
管理员可增删改查商品信息，商品信息管理界面展示如图5-12所示。
图5-12 商品信息管理界面图
5.2.5课程安排管理界面
管理员可添加、修改和删除课程安排信息，课程安排管理界面展示如图5-13所示。
图5-13 课程安排管理界面图
5.3教练功能模块的实现
5.3.1课程安排界面
教练登录后可查看课程安排信息，课程安排界面展示如图5-14所示。
图5-14 课程安排界面图
5.3.2课程签到管理界面
教练可查看学员课程签到信息，并可对其进行审核操作，课程签到管理界面展示如图5-15所示。
图5-15 课程签到管理界面图