本作品是一个以校园生活为主题的网络社区网站,包括动态空间、活动管理、二手市场、学习资料库、聊天区等服务于学生日常生活的重要功能模块。网站模块丰富,操作简便,是一个非官方的系统记录广大师生方方面面的校园生活,并为师生提供便捷的交流平台。
本作品一共包括六大模块:二手市场,动态空间,表白墙,活动管理,学习角,聊天室。
还搭建了个人空间主页和登录注册页面。
二手市场
替代二手市场群,搭建一个分类清晰,功能完善的校园二手交易平台。目前我们将二手商品分为闲置书籍、数码电子、鞋服配饰、日用物品、出行交通、其他闲置。类似于“一个简化版的闲鱼”。
本模块一共包含了18个独立页面,除了完成了最基本商品分类展示,商品发布信息的增删改查,商品交易购买。考虑项目完整性,还增加了收货地址的添加和选择,在收货地址未填写的状态下,无法购买商品。此外,对于我购买和我发布的商品也都有页面进行统计展示。
动态空间
动态空间则是搭建一个同学可以记录校园生活、分享喜怒哀乐以及寻物启事等的自由交流空间。在发布动态时可以添加tag,在查看动态时可以根据tag分类查看。是一个“一个可以分类查看说说的简化版QQ空间”。
活动管理
为小规模社团和自发性组织的活动提供宣传和管理平台,方便同学自由参与和查看自己的活动项目。
学习角
将各类学习资料分类管理,可以按照资料内容和文件格式等信息进行过滤查找,形成开放式的信息分享获取平台,提供良好的学习资料分享环境
聊天室
一个可以进行私聊或群聊的开发功能模块。
表白墙
第三个板块是表白墙,以悬浮窗的形式固定在动态空间的右下角位置,实时展示最新消息,发布者或查看者都需取一个别名。
技术部分:
前端页面设计主要通过编写html、css、javascript文件来实现,为了美化页面,我使用了bootstrap、layui等组件库。保证了页面的风格统一,简洁大气,以及对屏幕分辨率的响应。
前后端连接部分
利用JavaScript语言编写脚本构建与后端之间的连接:
1. 主要使用jQuery框架完成网页元素的选择与各种响应事件的添加。
2. 使用Ajax发送Get和Post请求完成对资源的请求以连接后端
3. 使用cookie.js设置一些简单的cookie来存储信息
同时我使用了Thymeleaf作为javaweb开发的模板引擎,配合页面controller直接获取后端object,显示在前端。
后端部分:
使用springboot框架,聊天使用websocket进行。
全部源码见:
Javaweb大作业:基于springboot的校园生活社区(包括二手市场,空间动态,活动管理,聊天区,学习资料平台等)