github地址:https://github.com/stubbornA/chatroom
项目功能:
1.全屏/退出全屏
2.登录,退出登录
3.注册
4.选择聊天室
5.查看聊天室记录,查看聊天室成员
6.发布聊天信息
项目完成过程:
1.完成前端界面
技术:html+css+javascript+jquery+bootstrap
描述:其中,背景使用了html5的canvas画布,整个排版布局使用Boorstrap的网格系统,做为响应式设计。再修饰方面,使用css3的扩展属性:border-shaow等。
2.完成数据库设计
技术:mysql
描述:设计了三个表,值得注意的是,表的主键和表与表之间的外键关系关系。
3.完成java后台代码
项目结构图:
项目描述:
数据库用的Mysql,用jdbc进行数据库连接,dao层是用来写sql语句操作数据库的,service层是功能业务层调用dao层,Servlet做核心控制引导。最终用jsp做前端展示页。另外使用了编码过滤器,对编码进行过滤。