网站建设公司未来发展趋势_学编程免费全套教程_通俗一点_搭建网站一定要用面板吗

2 世界杯足球赛网站分析

2.1 可行性分析

2.1.1 技术可行性分析

通过了解对世界杯足球赛网站的真实需求后，将世界杯足球赛网站所需要的角色划分整理成了下图2-1，图2-2和图2-3。

从开发工具来看，由于世界杯足球赛网站是基于JAVA的，因此有很多开发工具都可以进行开发，这些功能强大的开发工具可以给我来设计世界杯足球赛网站带来非常大的方便。

从世界杯足球赛网站的本身技术来说，对于我来开发一个世界杯足球赛网站这个毕设是不费事的。世界杯足球赛网站的开发可以简单的分为前台端、后台端开发以及数据库开发。其中的大部分技术难点在我上学时已经使用过了，同时网络上很多技术点可以让我来借鉴。Web后台管理使用JAVA的springboot架构开发，数据库使用mysql，页面上使用javascript脚本，因此为我在开发世界杯足球赛网站这个毕设上省去了很多多余代码，这给我的毕设项目编写带来了极大的便利。综上所述，从技术层面来看开发世界杯足球赛网站是可行的。

从用户体验来看，市面上很多被广泛使用的系统案例可以让我来参考，因此我可以综合它们的页面交互设计的优点，基于我的毕设项目特点来进行改版，最后达到令用户满意的页面交互体验。综上所述，从技术层面来看开发世界杯足球赛网站是可行的。

2.1.2 经济可行性分析

从世界杯足球赛网站的开发成本来看，世界杯足球赛网站的设计和开发都是我自己完成的，没有其他成本上的开销。

从世界杯足球赛网站的维护成本来看，世界杯足球赛网站的开发遵循一套完整的代码编写规范，并且世界杯足球赛网站的结构设计非常灵活，遵循高内聚低耦合的原则，因此易于维护和迭代开发。

在世界杯足球赛网站上线之后，上线前期我会根据真实需求来调查，对使用我开发的世界杯足球赛网站来制定一套符合的使用费。系统运行稳定后我会将推广范围到其他的校园当中，其他校园可以使用我的世界杯足球赛网站，只需要缴纳一点点的定金，我会给他们引入广告投资和自营业务。

综合以上的分析，世界杯足球赛网站所带来的经济效益将会带来极大的收益。并且随着我的推广，来使用我开发的世界杯足球赛网站的市场将越来越大，世界杯足球赛网站带来的利润也就越来越多。因此，从经济层面来看开发世界杯足球赛网站的是可行的。

2.2 系统需求分析

2.2.1 功能性需求分析

世界杯足球赛网站从角色上划分为了普通用户、管理员两种角色。

管理员用户角色：

（1）登录：管理员的账号是在数据表表中直接设置生成的，不需要进行注册；

（2）资源管理：当点击“资源管理”这一菜单的时候，会出现新闻列表+新闻分类两个子菜单，可以对这两个模块进行增删改查操作；

（3）系统用户：当点击“系统用户”这一菜单的时候，会出现管理员+普通用户两个子菜单，可以对这两个模块进行增删改查操作；

（4）交流管理：当点击“交流管理”这一菜单的时候，会出现论坛列表+论坛分类这两个子菜单，管理员可以对这两个模块进行增删改查操作；

（5）模块管理：当点击“模块管理”这一菜单的时候，会出现球队赛程+小组赛事+淘汰赛事+积分榜+赛事门票+订单管理六个子菜单，可以对这六个模块进行增删改查操作；

普通用户角色：

（1）注册登录模块：当普通用户想要进入本世界杯足球赛网站中对资讯进行查看评论以及了解淘汰赛事等操作的时候，就必须要登录到系统当中，要是新的用户没有世界杯足球赛网站的账号的话，点击“注册”按钮，就会进入到新用户注册这个界面上，用户输入对应的账号（必须填写）+密码（必须填写）+确认密码（必须填写，而且要与密码一直）+昵称+邮箱+手机号+选择用户身份等等，然后点击“注册”，系统在用户这一数据库中会查询账号是不是存在，两次密码是不是一样，都填写正确就会注册成功，然后再进行登录，如果是之前已经注册过的用户很长时间没有使用，忘记密码，也可以点击“忘记密码”进行找回；

（2）足球新闻：在首页导航栏上我们会看到“足球新闻”这一菜单，我们点击进入进去以后，会看到所有资讯列表，在这个界面，我们可以点击进入进行查看、评论、点赞等；

（3）公告栏：在首页导航栏上我们会看到“公告栏”这一菜单，我们点击进入进去以后，会看到所有管理员在后台发布的公告信息；

（4）足球论坛：用户在足球论坛这一菜单下对用户提交的查看、同时也可以发布、评论。

（5）球队赛事：点击“球队赛事”后跳转到球队赛事提交界面，选择赛事状态，输入赛事日期、B队球队、赛事比分，然后点击提交球队赛事就完成了。

（6）我的收藏：在“我的”下可以查看管理“我的收藏”信息，可以查看收藏，也可以对不喜欢的信息进行删除收藏；

（7）我的账户：当用户点击右上角“我的”这个按钮，会出现子菜单，点击“我的账户”可以对个人的资料以及登录系统的密码进行设置；

（8）个人中心：当用户点击右上角“我的”这个按钮，就会进入到对应的后台进行信息的管理了；

（9）小组赛事：用户可以查看小组赛事信息支持通过搜索关键词的方式对小组赛事进行查询，在查询到自己想要了解的小组赛事的时候，可以进入查看详细的介绍。

2.2.2 非功能性分析

世界杯足球赛网站的非功能性需求比如世界杯足球赛网站的安全性怎么样，可靠性怎么样，性能怎么样，可拓展性怎么样等。具体可以表示在如下2-1表格中：

表2-1世界杯足球赛网站非功能需求表

安全性	主要指世界杯足球赛网站数据库的安装，数据库的使用和密码的设定必须合乎规范。
可靠性	可靠性是指世界杯足球赛网站能够安装用户的指示进行操作，经过测试，可靠性90%以上。
性能	性能是影响世界杯足球赛网站占据市场的必要条件，所以性能最好要佳才好。
可扩展性	比如数据库预留多个属性，比如接口的使用等确保了系统的非功能性需求。
易用性	用户只要跟着世界杯足球赛网站的页面展示内容进行操作，就可以了。
可维护性	世界杯足球赛网站开发的可维护性是非常重要的，经过测试，可维护性没有问题

2.3 系统用例分析

根据上一节功能分析，可以得出系统的用例，普通用户角色用例如图2.1所示。

图2.1 世界杯足球赛网站中普通用户角色用例图

管理员角色用例如图2.2所示。

图2.2 世界杯足球赛网站管理员角色用例图

3 世界杯足球赛网站总体设计

3.1 系统模块设计

根据第二章中世界杯足球赛网站的功能分析可知，世界杯足球赛网站中整体功能模块图如图3.1所示， 

图3.1 世界杯足球赛网站功能模块图

3.2 数据库设计

3.3.1 数据库概念结构设计

下面是整个世界杯足球赛网站中主要的数据库表总E-R实体关系图。

图3.2 世界杯足球赛网站总E-R关系图

3.2.2 数据库逻辑结构设计

表elimination_event (淘汰赛事)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	elimination_event_id	int	10	0	N	Y		淘汰赛事ID
2	event_name	varchar	64	0	Y	N		赛事名称
3	event_date	date	10	0	Y	N		赛事日期
4	team_a	varchar	64	0	Y	N		A队球队
5	team_b	varchar	64	0	Y	N		B队球队
6	event_cover	varchar	255	0	Y	N		赛事封面
7	event_status	varchar	64	0	Y	N		赛事状态
8	match_score	varchar	64	0	Y	N		赛事比分
9	event_website	varchar	255	0	Y	N		赛事网站
10	hits	int	10	0	N	N	0	点击数
11	praise_len	int	10	0	N	N	0	点赞数
12	recommend	int	10	0	N	N	0	智能推荐
13	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
14	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表forum (论坛)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	forum_id	mediumint	8	0	N	Y		论坛id
2	display	smallint	5	0	N	N	100	排序
3	user_id	mediumint	8	0	N	N	0	用户ID
4	nickname	varchar	16	0	Y	N		昵称：[0,16]
5	praise_len	int	10	0	Y	N	0	点赞数
6	hits	int	10	0	N	N	0	访问数
7	title	varchar	125	0	N	N		标题
8	keywords	varchar	125	0	Y	N		关键词
9	description	varchar	255	0	Y	N		描述
10	url	varchar	255	0	Y	N		来源地址
11	tag	varchar	255	0	Y	N		标签
12	img	text	65535	0	Y	N		封面图
13	content	longtext	2147483647	0	Y	N		正文
14	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
15	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
16	avatar	varchar	255	0	Y	N		发帖人头像：
17	type	varchar	64	0	N	N	0	论坛分类：[0,1000]用来搜索指定类型的论坛帖

表forum_type (论坛分类)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	type_id	smallint	5	0	N	Y		分类ID：[0,10000]
2	name	varchar	16	0	N	N		分类名称：[2,16]
3	description	varchar	255	0	Y	N		描述：[0,255]描述该分类的作用
4	url	varchar	255	0	Y	N		外链地址：[0,255]如果该分类是跳转到其他网站的情况下，就在该URL上设置
5	father_id	smallint	5	0	N	N	0	上级分类ID：[0,32767]
6	icon	varchar	255	0	Y	N		分类图标：
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表group_events (小组赛事)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	group_events_id	int	10	0	N	Y		小组赛事ID
2	event_name	varchar	64	0	Y	N		赛事名称
3	event_date	date	10	0	Y	N		赛事日期
4	team_a	varchar	64	0	Y	N		A队球队
5	team_b	varchar	64	0	Y	N		B队球队
6	event_cover	varchar	255	0	Y	N		赛事封面
7	event_status	varchar	64	0	Y	N		赛事状态
8	match_score	varchar	64	0	Y	N		赛事比分
9	event_website	varchar	255	0	Y	N		赛事网站
10	hits	int	10	0	N	N	0	点击数
11	praise_len	int	10	0	N	N	0	点赞数
12	recommend	int	10	0	N	N	0	智能推荐
13	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
14	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表hits (用户点击)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	hits_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：

表league_table (积分榜)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	league_table_id	int	10	0	N	Y		积分榜ID
2	team_name	varchar	64	0	Y	N		球队名称
3	event_name	varchar	64	0	Y	N		赛事名称
4	team_flag	varchar	255	0	Y	N		球队旗帜
5	team_points	int	10	0	Y	N	0	球队积分
6	team_information	text	65535	0	Y	N		球队信息
7	recommend	int	10	0	N	N	0	智能推荐
8	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表match_club (赛事门票)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	match_club_id	int	10	0	N	Y		赛事门票ID
2	event_number	varchar	64	0	N	N		赛事编号
3	event_name	varchar	64	0	Y	N		赛事名称
4	event_date	date	10	0	Y	N		赛事日期
5	event_poster	varchar	255	0	Y	N		赛事海报
6	team_a	varchar	64	0	Y	N		A队球队
7	team_b	varchar	64	0	Y	N		B队球队
8	ticket_price	varchar	64	0	Y	N		门票价格
9	remaining_tickets	int	10	0	Y	N	0	门票余票
10	ticketing_instructions	text	65535	0	Y	N		购票须知
11	recommend	int	10	0	N	N	0	智能推荐
12	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
13	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表notice (公告)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	notice_id	mediumint	8	0	N	Y		公告id：
2	title	varchar	125	0	N	N		标题：
3	content	longtext	2147483647	0	Y	N		正文：
4	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
5	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表order_management (订单管理)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	order_management_id	int	10	0	N	Y		订单管理ID
2	event_number	varchar	64	0	Y	N		赛事编号
3	event_name	varchar	64	0	Y	N		赛事名称
4	event_date	date	10	0	Y	N		赛事日期
5	team_a	varchar	64	0	Y	N		A队球队
6	team_b	varchar	64	0	Y	N		B队球队
7	ticket_price	varchar	64	0	Y	N		门票价格
8	ticket_purchaser	int	10	0	Y	N	0	购票人
9	number_of_tickets_purchased	int	10	0	Y	N	0	购票数
10	total	varchar	64	0	Y	N		总计
11	pay_state	varchar	16	0	N	N	未支付	支付状态
12	pay_type	varchar	16	0	Y	N		支付类型: 微信、支付宝、网银
13	recommend	int	10	0	N	N	0	智能推荐
14	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
15	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表ordinary_users (普通用户)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	ordinary_users_id	int	10	0	N	Y		普通用户ID
2	full_name	varchar	64	0	Y	N		姓名
3	gender	varchar	64	0	Y	N		性别
4	id_number	varchar	255	0	Y	N		身份证号
5	examine_state	varchar	16	0	N	N	已通过	审核状态
6	recommend	int	10	0	N	N	0	智能推荐
7	user_id	int	10	0	N	N	0	用户ID
8	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
9	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表praise (点赞)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	praise_id	int	10	0	N	Y		点赞ID：
2	user_id	int	10	0	N	N	0	点赞人：
3	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
4	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：
5	source_table	varchar	255	0	Y	N		来源表：
6	source_field	varchar	255	0	Y	N		来源字段：
7	source_id	int	10	0	N	N	0	来源ID：
8	status	bit	1	0	N	N	1	点赞状态:1为点赞，0已取消

表slides (轮播图)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	slides_id	int	10	0	N	Y		轮播图ID：
2	title	varchar	64	0	Y	N		标题：
3	content	varchar	255	0	Y	N		内容：
4	url	varchar	255	0	Y	N		链接：
5	img	varchar	255	0	Y	N		轮播图：
6	hits	int	10	0	N	N	0	点击量：
7	create_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	创建时间：
8	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间：

表team_schedule (球队赛程)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	team_schedule_id	int	10	0	N	Y		球队赛程ID
2	event_date	date	10	0	Y	N		赛事日期
3	team_a	varchar	64	0	Y	N		A队球队
4	team_b	varchar	64	0	Y	N		B队球队
5	playing_field	varchar	64	0	Y	N		比赛场地
6	event_status	varchar	64	0	Y	N		赛事状态
7	match_score	varchar	64	0	Y	N		赛事比分
8	hits	int	10	0	N	N	0	点击数
9	recommend	int	10	0	N	N	0	智能推荐
10	create_time	datetime	19	0	N	N	CURRENT_TIMESTAMP	创建时间
11	update_time	timestamp	19	0	N	N	CURRENT_TIMESTAMP	更新时间

表upload (文件上传)

编号	名称	数据类型	长度	小数位	允许空值	主键	默认值	说明
1	upload_id	int	10	0	N	Y		上传ID
2	name	varchar	64	0	Y	N		文件名
3	path	varchar	255	0	Y	N		访问路径
4	file	varchar	255	0	Y	N		文件路径
5	display	varchar	255	0	Y	N		显示顺序
6	father_id	int	10	0	Y	N	0	父级ID
7	dir	varchar	255	0	Y	N		文件夹
8	type	varchar	32	0	Y	N		文件类型

4 世界杯足球赛网站设计与实现

世界杯足球赛网站的详细设计与实现主要是根据前面的世界杯足球赛网站的需求分析和世界杯足球赛网站的总体设计来设计页面并实现业务逻辑。主要从世界杯足球赛网站界面实现、业务逻辑实现这两部分进行介绍。

4.1 系统首页页面

当进入世界杯足球赛网站的时候，首先映入眼帘的是系统的导航栏，下面是轮播图以及系统内容，其主界面展示如下图4.1所示。

图4.1用户首页界面图

4.2 注册页面

不是世界杯足球赛网站中正式用户的是可以在线进行注册的，如果你没有本世界杯足球赛网站的账号的话，添加“注册”，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可用户注册成功。注册界面实现了用户的注册，其注册界面展示如下图4。2所示。

图4.2 注册界面图

注册逻辑代码如下：

/**

     * 注册

     * @param user

     * @return

     */

    @PostMapping("register")

    public Map<String, Object> signUp(@RequestBody User user) {

        // 查询用户

        Map<String, String> query = new HashMap<>();

        query.put("username",user.getUsername());

        List list = service.select(query, new HashMap<>()).getResultList();

        if (list.size()>0){

            return error(30000, "用户已存在");

        }

        user.setUserId(null);

        user.setPassword(service.encryption(user.getPassword()));

        service.save(user);

        return success(1);

}

/**

     * 用户ID：[0,8388607]用户获取其他与用户相关的数据

     */

    @Id

    @GeneratedValue(strategy = GenerationType.IDENTITY)

    @Column(name = "user_id")

    private Integer userId;

    /**

     * 账户状态：[0,10](1可用|2异常|3已冻结|4已注销)

     */

    @Basic

    @Column(name = "state")

    private Integer state;

    /**

     * 所在用户组：[0,32767]决定用户身份和权限

     */

    @Basic

    @Column(name = "user_group")

    private String userGroup;

    /**

     * 上次登录时间：

     */

    @Basic

    @Column(name = "login_time")

    private Timestamp loginTime;

    /**

     * 手机号码：[0,11]用户的手机号码，用于找回密码时或登录时

     */

    @Basic

    @Column(name = "phone")

    private String phone;

    /**

     * 手机认证：[0,1](0未认证|1审核中|2已认证)

     */

    @Basic

    @Column(name = "phone_state")

    private Integer phoneState;

    /**

     * 用户名：[0,16]用户登录时所用的账户名称

     */

    @Basic

    @Column(name = "username")

    private String username;

    /**

     * 昵称：[0,16]

     */

    @Basic

    @Column(name = "nickname")

    private String nickname;

    /**

     * 密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成

     */

    @Basic

    @Column(name = "password")

    private String password;

    /**

     * 邮箱：[0,64]用户的邮箱，用于找回密码时或登录时

     */

    @Basic

    @Column(name = "email")

    private String email;

    /**

     * 邮箱认证：[0,1](0未认证|1审核中|2已认证)

     */

    @Basic

    @Column(name = "email_state")

    private Integer emailState;

    /**

     * 头像地址：[0,255]

     */

    @Basic

    @Column(name = "avatar")

    private String avatar;

    /**

     * 创建时间：

     */

    @Basic

    @Column(name = "create_time")

    @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")

    private Timestamp createTime;

    @Basic

    @Transient

    private String code;

}

4.3 登录页面

世界杯足球赛网站中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的，当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到世界杯足球赛网站的首页中；否则将会提示相应错误信息，用户登录界面如下图4.3所示。

图4.3 登录界面图

登录的逻辑代码如下所示。

/**

     * 登录

     * @param data

     * @param httpServletRequest

     * @return

     */

    @PostMapping("login")

    public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

        log.info("[执行登录接口]");

        String username = data.get("username");

        String email = data.get("email");

        String phone = data.get("phone");

        String password = data.get("password");

        List resultList = null;

        Map<String, String> map = new HashMap<>();

        if(username != null && "".equals(username) == false){

            map.put("username", username);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

        else if(email != null && "".equals(email) == false){

            map.put("email", email);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }

        else if(phone != null && "".equals(phone) == false){

            map.put("phone", phone);

            resultList = service.select(map, new HashMap<>()).getResultList();

        }else{

            return error(30000, "账号或密码不能为空");

        }

        if (resultList == null || password == null) {

            return error(30000, "账号或密码不能为空");

        }

        //判断是否有这个用户

        if (resultList.size()<=0){

            return error(30000,"用户不存在");

        }

        User byUsername = (User) resultList.get(0);

        Map<String, String> groupMap = new HashMap<>();

        groupMap.put("name",byUsername.getUserGroup());

        List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();

        if (groupList.size()<1){

            return error(30000,"用户组不存在");

        }

        UserGroup userGroup = (UserGroup) groupList.get(0);

        //查询用户审核状态

        if (!StringUtils.isEmpty(userGroup.getSourceTable())){

            String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();

            String res = String.valueOf(service.runCountSql(sql).getSingleResult());

            if (res==null){

                return error(30000,"用户不存在");

            }

            if (!res.equals("已通过")){

                return error(30000,"该用户审核未通过");

            }

        }

        //查询用户状态

        if (byUsername.getState()!=1){

            return error(30000,"用户非可用状态，不能登录");

        }

        String md5password = service.encryption(password);

        if (byUsername.getPassword().equals(md5password)) {

            // 存储Token到数据库

            AccessToken accessToken = new AccessToken();

            accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

            accessToken.setUser_id(byUsername.getUserId());

            tokenService.save(accessToken);

            // 返回用户信息

            JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

            user.put("token", accessToken.getToken());

            JSONObject ret = new JSONObject();

            ret.put("obj",user);

            return success(ret);

        } else {

            return error(30000, "账号或密码不正确");

        }

}

4.4 足球论坛界面

用户在点击导航栏上面的足球论坛后，就可以搜索查看留言信息，用户根据自己的喜好可以进行交流，足球论坛界面如下图4.4所示。

图4.4 足球论坛界面图

4.5足球新闻界面

当访客点击世界杯足球赛网站中导航栏上的“足球新闻”后将会进入到该“足球新闻”列表的界面，然后选择想要看的足球新闻信息，点击进入到详细界面，在详细界面可以收藏+赞+评论等操作，足球新闻界面如下图4.5所示。

图4.5 足球新闻界面图

4.6小组赛事详情界面

用户可以查看小组赛事信息，在查询到自己想要了解的小组赛事的时候，可以进入查看详细的介绍，支持用户对喜欢的小组赛事进行收藏、点赞的功能。小组赛事详情界面如下图4.6所示。

图4.7小组赛事详情界面图

小组赛事的逻辑代码如下：

 @PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        service.insert(map);

        return success(1);

}

    public Map<String,Object> readBody(BufferedReader reader){

        BufferedReader br = null;

        StringBuilder sb = new StringBuilder("");

        try{

            br = reader;

            String str;

            while ((str = br.readLine()) != null){

                sb.append(str);

            }

            br.close();

            String json = sb.toString();

            return JSONObject.parseObject(json, Map.class);

        }catch (IOException e){

            e.printStackTrace();

        }finally{

            if (null != br){

                try{

                    br.close();

                }catch (IOException e){

                    e.printStackTrace();

                }

            }

        }

        return null;

}

    public void insert(Map<String,Object> body){

        StringBuffer sql = new StringBuffer("INSERT INTO ");

        sql.append("`").append(table).append("`").append(" (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            sql.append("`"+humpToLine(entry.getKey())+"`").append(",");

        }

        sql.deleteCharAt(sql.length()-1);

        sql.append(") VALUES (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            Object value = entry.getValue();

            if (value instanceof String){

                sql.append("'").append(entry.getValue()).append("'").append(",");

            }else {

                sql.append(entry.getValue()).append(",");

            }

        }

        sql.deleteCharAt(sql.length() - 1);

        sql.append(")");

        log.info("[{}] - 插入操作：{}",table,sql);

        Query query = runCountSql(sql.toString());

        query.executeUpdate();

    }

4.7 修改密码界面

用户使用该世界杯足球赛网站注册完成后，用户对登录密码有修改需求时，系统也可以提供用户修改密码权限。系统中所有的操作者能够变更自己的密码信息，执行该功能首先必须要登入系统，然后选择密码变更选项以后在给定的文本框中填写初始密码和新密码来完成修改密码的操作。在填写的时候，假如两次密码填写存在差异，那么此次密码变更操作失败，下面的图片展示的就是该板块对应的工作面。修改密码界面如下图4.7所示。

图4.7 添加修改密码界面图

4.8资源管理界面

资源理主要管理员是对新闻列表以及新闻分类所属的分类进行管控，包含了用户对新闻列表提交的评论信息，界面如下图4.8所示。

图4.8 资源管理界面图

资源管理界面逻辑代码如下：

@RequestMapping(value = {"/avg_group", "/avg"})

public Map<String, Object> avg(HttpServletRequest request) {

        Query count = service.avg(service.readQuery(request), service.readConfig(request));

        return success(count.getResultList());

}

4.9 交流管理界面

此功能为管理员的功能，管理员点击“交流管理”菜单后，会展示出论坛列表、论坛分类两个子菜单，任何可以对其进行增删改查操作；其界面展示如下图4.10所示。

图4.9 交流管理界面图

4.10用户管理界面

世界杯足球赛网站中的管理员在“用户管理”这一菜单是中可以对注册的用户以及管理员人员进行管控。界面如下图4.10所示。

图4.10用户管理界面图

用户管理界面逻辑代码如下：

@PostMapping("/set")

@Transactional

    public Map<String, Object> set(HttpServletRequest request) throws IOException {

        service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));

        return success(1);

}

    public Map<String,String> readConfig(HttpServletRequest request){

        Map<String,String> map = new HashMap<>();

        map.put(FindConfig.PAGE,request.getParameter(FindConfig.PAGE));

        map.put(FindConfig.SIZE,request.getParameter(FindConfig.SIZE));

        map.put(FindConfig.LIKE,request.getParameter(FindConfig.LIKE));

        map.put(FindConfig.ORDER_BY,request.getParameter(FindConfig.ORDER_BY));

        map.put(FindConfig.FIELD,request.getParameter(FindConfig.FIELD));

        map.put(FindConfig.GROUP_BY,request.getParameter(FindConfig.GROUP_BY));

        map.put(FindConfig.MAX_,request.getParameter(FindConfig.MAX_));

        map.put(FindConfig.MIN_,request.getParameter(FindConfig.MIN_));

        return map;

}

    public Map<String,String> readQuery(HttpServletRequest request){

        String queryString = request.getQueryString();

        if (queryString != null && !"".equals(queryString)) {

            String[] querys = queryString.split("&");

            Map<String, String> map = new HashMap<>();

            for (String query : querys) {

                String[] q = query.split("=");

                map.put(q[0], q[1]);

            }

            map.remove(FindConfig.PAGE);

            map.remove(FindConfig.SIZE);

            map.remove(FindConfig.LIKE);

            map.remove(FindConfig.ORDER_BY);

            map.remove(FindConfig.FIELD);

            map.remove(FindConfig.GROUP_BY);

            map.remove(FindConfig.MAX_);

            map.remove(FindConfig.MIN_);

            return map;

        }else {

            return new HashMap<>();

        }

}

    @Transactional

    public void update(Map<String,String> query,Map<String,String> config,Map<String,Object> body){

        StringBuffer sql = new StringBuffer("UPDATE ").append("`").append(table).append("`").append(" SET ");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            Object value = entry.getValue();

            if (value instanceof String){

                sql.append("`"+humpToLine(entry.getKey())+"`").append("=").append("'").append(value).append("'").append(",");

            }else {

                sql.append("`"+humpToLine(entry.getKey())+"`").append("=").append(value).append(",");

            }

        }

        sql.deleteCharAt(sql.length()-1);

        sql.append(toWhereSql(query,"0".equals(config.get(FindConfig.LIKE))));

        log.info("[{}] - 更新操作：{}",table,sql);

        Query query1 = runCountSql(sql.toString());

        query1.executeUpdate();

}

    public String toWhereSql(Map<String,String> query, Boolean like) {

        if (query.size() > 0) {

            try {

                StringBuilder sql = new StringBuilder(" WHERE ");

                for (Map.Entry<String, String> entry : query.entrySet()) {

                    if (entry.getKey().contains(FindConfig.MIN_)) {

                        String min = humpToLine(entry.getKey()).replace("_min", "");

                        sql.append("`"+min+"`").append(" >= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");

                        continue;

                    }

                    if (entry.getKey().contains(FindConfig.MAX_)) {

                        String max = humpToLine(entry.getKey()).replace("_max", "");

                        sql.append("`"+max+"`").append(" <= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");

                        continue;

                    }

                    if (like == true) {

                        sql.append("`"+humpToLine(entry.getKey())+"`").append(" LIKE '%").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("%'").append(" and ");

                    } else {

                        sql.append("`"+humpToLine(entry.getKey())+"`").append(" = '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("'").append(" and ");

                    }

                }

                sql.delete(sql.length() - 4, sql.length());

                sql.append(" ");

                return sql.toString();

            } catch (UnsupportedEncodingException e) {

                log.info("拼接sql 失败：{}", e.getMessage());

            }

        }

        return "";

    }

4.11赛事门票管理界面

管理员点击“赛事门票”按钮会显示自己添加的赛事门票，如果想要添加新的赛事门票，点击“添加”按钮根据提示输入赛事门票，点击“提交”后在足球新闻界面就可以显示了，如果信息有错可以对赛事门票进行更新维护，也可以直接删除某一赛事门票，其界面展示如下图4.12所示。

图4.12 赛事门票管理界面图

赛事门票管理关键代码如下：

@RequestMapping("/get_list")

    public Map<String, Object> getList(HttpServletRequest request) {

        Map<String, Object> map = service.selectToPage(service.readQuery(request), service.readConfig(request));

        return success(map);

5世界杯足球赛网站测试

世界杯足球赛网站测试是为了检验软件是否达到设计要求，是否存在错误，通过测试的方法来检查世界杯足球赛网站，以便发现世界杯足球赛网站中的错误。测试工作是保证世界杯足球赛网站质量的关键。

5.1 调试部分问题

问题1：数据库无法添加中文。

解决过程：重新创建数据库，将库的编码格式改为utf8。

效果：能在新库的表中添加中文。

问题2：控制台报错前台与后台参数不一致

解决过程：检查代码，找到报错参数完成修改，继续报错，服务器移除项目重新运行。

效果：重启项目不再报错。

问题3：报错No bean named 'sysLogServiceImpl' available找不到名为sysLogServiceImpl的bean的对象。

解决过程：询问导师报错原因，发现错误原因是未添加注解@Service,需要在在impl实现类的外面添加@Service注解。

效果：重新debug项目无报错。

问题4：启动项目时报错:Mapped Statements collection does not contain value for

解决过程：网上搜索解决办法，出错可能的原因有多个，经过努力排查，错误原因是mapper映射地址有误。在mybatis-config里重新配置地址。

效果：项目启动正常

5.2 系统测试用例

系统测试包括：用户登录功能测试、球队赛程展示功能测试、球队赛程添加、球队赛程搜索、密码修改功能测试，如表5-1、5-2、5-3、5-4、5-5所示：

用户登录功能测试：

表5-1 用户登录功能测试表

用例名称	用户登录系统
目的	测试用户通过正确的用户名和密码可否登录功能
前提	未登录的情况下
测试流程	1) 进入登录页面 2) 输入正确的用户名和密码
预期结果	用户名和密码正确的时候，跳转到登录成功界面，反之则显示错误信息，提示重新输入
实际结果	实际结果与预期结果一致

球队赛程查看功能测试：

表5-2 球队赛程查看功能测试表

用例名称	球队赛程查看
目的	测试球队赛程查看功能
前提	用户登录
测试流程	点击球队赛程列表
预期结果	可以查看到所有球队赛程信息
实际结果	实际结果与预期结果一致

管理员添加球队赛程界面测试：

表5-3 管理员添加球队赛程界面测试表

用例名称	球队赛程发布测试用例
目的	测试球队赛程发布功能
前提	用户正常登录情况下
测试流程	1）用户点击球队赛程信息管理就，然后点击添加后并填写信息。 2）点击进行提交。
预期结果	提交以后，页面首页会显示新的球队赛程信息
实际结果	实际结果与预期结果一致

球队赛程搜索功能测试：

表5-4球队赛程搜索功能测试表

用例名称	球队赛程搜索测试
目的	测试球队赛程搜索功能
前提	无
测试流程	1）在搜索框填入搜索关键字。 2）点击搜索按钮。
预期结果	页面显示包含有搜索关键字的球队赛程
实际结果	实际结果与预期结果一致

密码修改功能测试：

表5-5 密码修改功能测试表

用例名称	密码修改测试用例
目的	测试管理员密码修改功能
前提	管理员用户正常登录情况下
测试流程	1）管理员密码修改并完成填写。 2）点击进行提交。
预期结果	使用新的密码可以登录
实际结果	实际结果与预期结果一致

5.3 系统测试结果

通过编写世界杯足球赛网站的测试用例，已经检测完毕用户登录模块、球队赛程查看模块、球队赛程添加模块、球队赛程搜索模块、密码修改功能测试，通过这5大模块为世界杯足球赛网站的后期推广运营提供了强力的技术支撑。

网络广告推广方案书模板软件技术论文温州房产网违章停车全国做单平台视频网站托管南京app定制开发公司简单网页制作实验报告南京新冠肺炎疫情最新消息企业邮箱登录入口官网网址软件定制开发国内最专业团队企云云天津品牌网站建设选择网站运营好做吗深圳谷歌网络推广公司网店推广计划湖北武汉今天新闻头条个人租用云服务器爱网站长尾关键词动画制作教程零基础自学莱芜分公司招标平台百度(中国)有限公司广州分公司建站网源码网站制作教程 调用数据库昆明做网络营销网络设计图怎么画什么叫h5页面设计logo样机素材网站西安公司名称大全美国地址生成器网站黄页88网推广怎么样外贸seo专员网络建设是什么

猜你喜欢

• 山东济南seo公司_哈尔滨建站多少钱
• 福建网站设计公司_广东省公共资源交易中心
• 手机人人网_现在出入兰州最新规定
• 手机软件制作app_江西省新闻最新消息