订阅专栏
目录
一,前言
二、核心功能
三、重要知识点
四、项目架构
五、数据库的设计
六、服务器API设计
1,关于 Json
2,登录
3,上传音乐
4,删除某个音乐信息
5,删除选中的音乐信息
6,查询音乐(包含查找指定/模糊匹配的音乐)
7,添加音乐到“喜欢列表”
8,查询喜欢的音乐(包含查找指定/模糊匹配的音乐)
9,移除喜欢的某个音乐
10、MV播放页面
七、代码与部分模块详解
1,MySQL数据库连接idea与部分代码
2,创建项目注意问题
八、完整的代码和资源
一,前言
此项目是最基础的JavaWeb开发项目,基于servlet+maven+css+JavaScript+html+Mysql实现,对于刚接触JavaWeb开发的小白来说比较友好,如果你对于Mysql和servlet非常熟悉,那么对于你来说应该是算比较容易。后续我会在此专栏更新基于spring的JavaWeb项目,希望读者可以关注我一起学习Web开发。项目比较基础,不喜轻喷!
二、核心功能
1. 登录、注册
2. 上传音乐
3. 删除某一个音乐信息
4. 删除选中的音乐信息
5. 查询音乐(包含查找指定/模糊匹配的音乐)
6. 添加音乐到“喜欢列表”。
7. 查询喜欢的音乐(包含查找指定/模糊匹配的音乐)
8.使用HTML模板简单设计MV等页面
三、重要知识点
1.简单的Web服务器设计能力
2. Java 操作 MySQL 数据库
3. 数据库设计
4. json 的使用
5. 强化 HTTP 协议的理解
6. Servlet 的使用
7. Java集合的使用
8. 前端知识的简单使用如:HTML+CSS+JS
四、项目架构
五、数据库的设计
music
id title signer time url userid
lovermusic
id user_id music_id
user
id username pssword age grnder emali
六、服务器API设计
1,关于 Json
Json 是一种常见是数据格式组织方式. 源于 JavaScript, 是一种键值对风格的数据格式. 在Java中 我们可以采用 Jackson库中的ObjectMapper类来完成 Json 的解析和构造。
2,登录
请求: POST /loginServlet data:{microtransactions.cn}
响应: {msg: true}
3,上传音乐
请求1:上传音乐到服务器目录 POST /upload
请求2:将音乐信息同步插入到数据库当中 POST /uploadsucess
4,删除某个音乐信息
请求: POST /deleteServlet data: {"id": id}
响应: {msg: true}
5,删除选中的音乐信息
请求: POST /deleteSelMusicServlet data:{"id":id}
响应: {msg: true}
6,查询音乐(包含查找指定/模糊匹配的音乐)
请求: POST /findLoveMusic data:{musicName:musicName}
7,添加音乐到“喜欢列表”
请求: POST /loveMusicServlet data: {"id": obj}
响应: {msg: true}
8,查询喜欢的音乐(包含查找指定/模糊匹配的音乐)
请求: POST /findLoveMusic data:{musicName:musicName}
9,移除喜欢的某个音乐
请求: POST /removeLoveServlet data: {"id": obj}
10、MV播放页面
七、代码与部分模块详解
1,MySQL数据库连接idea与部分代码
我的idea是专业版,所以自带这个Database,部分读者如果是社区版可以下载一个插件,连接到数据库方便我们直接在idea查看数据的变换。至于如何下载插件以及连接到数据库网上自行搜索,我这里就不赘述了。
在没有部署到服务器(如何将Servle部署到服务器上请读者自行查找)之前,我们会在本地测试代码,这里的密码应该是本地的代码,当我们打war包要部署到服务器的时候,要注意你服务器上的数据库密码是否设置,没设置这里就要更改为空,有设置密码就需要改为服务器上面的密码,我服务器没设置密码,所以我这里打war包就没写我本地MySQL的密码。
2,创建项目注意问题
1)创建时尽量用标准的maven来建项目,webapp在main目录下且带有一个蓝点,自己项目没有蓝点会导致自己的静态资源访问不到出现404,如何添加小蓝点自行搜索。
2)配置smart tomcat的context path问题,我是专业版idea,配置context path界面如下,社区版下载好插件进去配置也是一样的道理。注意我们访问的url,如果这里是/,那我们在设置HTML中的跳转时,只需要写HTML文件即可,因为后面我要部署到服务器上面,这里我用的/onlineMusic,因为在服务器部署与本地部署不同,服务器访问的url中的context path的是war的名字,我的war包就叫onlineMusic.
3)上传文件的路径问题,图下的是我要上传到服务器的代码,因为此项目存在一个上传文件的步骤,我在服务器上面的路径肯定是webapp目录下的music,在本地的话就要需要改为你music本地目录,不该的话服务器上传的代码路径会找不到。
4)关于前端代码的问题,大部分同学可能也和我一样,如果从事后端开发,对于前端可能是只是了解和写一些简单的HTML代码,我这里推荐一些模板网站,供大家参考,都是免费下载。
做网站,就上凡科建站 (fkw.com)
https://ajz.fkw.com/pro11.html?_ta=150&kw=145
Amaze UI 模板中心
http://tpl.amazeui.org/
八、完整的代码和资源
我把完整的代码的资源上传到了我的仓库项目里面,想要下载练习的可以去查找
yao (kao-yaoxiong) - Gitee.com
————————————————
原文链接:microtransactions.cn