Java课程设计团队博客

目录

团队博客 

 1.项目简介

2. 项目采用技术

3. 功能需求分析

​编辑  

4. 项目亮点

5. 主要功能截图

6. 项目git地址

项目云端入口

团队博客 

组员职务                         负责模块博客链接
黄荣波组长项目框架的选取和搭建,Servlet和Filter等控制层代码,项目整合和代码规范,服务器的搭建管理博客链接​​​​​​​
许悦成员前端静态页面的设计和美化,协调后端控制层代码实现具体前端功能,协同解决项目其他问题博客链接
林晨阳成员数据库的设计和维护,Mapper代码的实现,实体类的实现,协同解决项目其他问题博客链接

 1.项目简介

  • 该项目实现了:
    • 登录/注册
    • 注册页面规避了用户恶意注册导致数据库爆的情况
    • 对网页访问有一定的安全权限限制
    • 可以对Pokemon数据进行一系列操作
    • 前端资源页面实现异步交互
  • 虽然我们暂未实现不同用户拥有不同的Pokemon仓库、每个宝可梦的信息详情页面、宝可梦技能和特性等信息的管理,但是我们的项目整体结构明确且规范,利用MVC模型,让M和V实现代码分离,从而使同一个程序可以使用不同的表现形式,并且处理了前后端交互的中文乱码问题,并在Servlet层中实现了自主转发页面,优化了Servlet的结构,项目本身可以扩展为完整业务的宝可梦图鉴和宝可梦训练小队。

2. 项目采用技术

  • 前端
    • Html、css、Json、vue框架、ajax技术(axios)、element-ui。
  • 前后端交互
    • Servlet,Filter
  • 后端
    • Mybatis
  • 服务器
    • Tomcat

3. 功能需求分析

  • 宝可梦仓库是为了实现用户对拥有宝可梦的数据的管理,最重要的是提供对宝可梦的一些基础操作,为了实现宝可梦数据的安全性,在访问宝可梦数据时,我们需要用户进行登录,那么实现用户的登录和注册也很重要,由于用户可能频繁对资源进行访问,每次登录都输入密码过于繁琐,我们围绕Cookie这个实现了记住密码的功能。                                                                
  • 本次的课程设计基于javaweb开发,根据上述关键点展开构建,实现基本操作功能以及对网页的访问进行保护。
  • 于是我们本次的课程设计,也便是在基于web开发的基础上,围绕着这两个核心点展开,从而拓展其他的功能:包括引入了管理员这一身份预设用于管理用户和帖子。

1779cb31f8a54434a2ba9b199b9243d6.png  

  • 项目层级

31e71c6d562d4a2e8eac7f2b444c2cbb.png

4. 项目亮点

  • 项目采用了MVC三层架构的开发模式,View层是界面,Model层是业务逻辑,Controller层用来调度View层和Model层,将用户界面和业务逻辑合理的组织在一起,以使代码可扩展性、可复用性、可维护性、灵活性加强。

2309f7a957bb4190ab60ba3482da2981.png

 项目内部分层也很合理:

b73a08b7183240f08c76532950d0dcb8.png

  • 我们的项目架尝试部署到云服务器,但因环境问题还存在bug。
  • 我们的项目的Web前端页面设计精美交互性强

主页欣赏:

922ea9a13bc64be29f388a1e6721da2d.png

注册页面欣赏:

bfd82a413f4a45c2af72477855994327.png

主页:

fe8f95b4e9be41f09f1139a8f60e040a.png

5. 主要功能截图

登录失败,返回登录界面,并且提示登陆失败

cc393e8093bd47aa9dcfaf64fa874356.png

注册功能:验证码错误将无法注册(用来防止刷库)

73dd328d596c494d93cdff905d763ffc.png

注册功能:如果用户名存在,则无法注册重写返回

 c12091815a49406c9fdcd58341a8c40a.png

用户功能:

1.查找自己的宝可梦

 (1)

0262992e66b8414f8d73f424775fff55.png

(2)

4e66b072a8af484c9c1f319f67716420.png

2.新增和修改宝可梦数据

8407a9b2679e4283a058bdfb55c46ea8.png

结果:

9f9e1d7457b3496f962e7cc2145295c4.png

 6cd8632e0f7e488d948c5d3939e10561.png

结果:

3983e5f142304f3f9de4e378a9f05978.png

3.删除功能:

34b0ee5864a64d5b80b558279b71cde0.png

结果:

47b76080e2c74726b49adb29c453b5be.png

批量删除:

552b6316440d4577bf1e8a400c2a27b6.png

结果:aa9c87de6ea9497dbc8480e18f496252.png 

6. 项目git地址:

码云地址​​​​​​​

262b87a7860d408eb6546a859e8bb2a6.png

ab56e9b1c7144ccbac293b955c84b21a.png

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值