![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WEB应用开发综合实训笔记
文章平均质量分 84
不觉晴光晚
这个作者很懒,什么都没留下…
展开
-
Web应用开发综合实训项目总结-SSM-SpringBoot-在线小说阅读器
本次实训课程顺利结束,现在来对课程大作业项目进行总结分析本项目采用的是SpringBoot进行开发,数据库采用的是MySql,前端框架采用的layui,分别做了PC网页端和微信小程序移动端,整体项目已上云,可以通过域名https://www.hbuas.top进行访问文章目录项目展示项目目录实训所学技术项目展示后台微信小程序项目目录IDEA微信开发者工具实训所学技术Spring:Spring就像是整个项目中装配bean的大工厂,在配置文件中可 以指定使用特定的参数去.原创 2021-10-21 21:14:20 · 1211 阅读 · 1 评论 -
WEB应用开发综合实训day15
本节实训内容为微信小程序向后端上传图片和from表单,以及歌单功能。文章目录歌单头像上传表单提交歌曲收藏歌单头像上传/** * 上传歌单图片*/takePhoto:function(){ var that = this wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], .原创 2021-10-12 08:01:26 · 168 阅读 · 0 评论 -
WEB应用开发综合实训day13
本节实训内容为微信小程序与后端服务器进行通信,向后端请求数据而不是向网易云请求,微信小程序页面跳转以及部分组件功能,如原型图片,wx:for用法等另外将自己的腾讯云windows服务器改为了CentOS服务器,并申请了https证书,使项目能够上线运行,下面贴出项目网址和微信小程序体验版二维码,欢迎大家进行测试,体验版只有15个名额,先到先得哦。后端项目地址:https://www.hbuas.top/ManageMusic/index.微信小程序体验版二维码↓文章目录歌曲列表后端小程序端歌曲.原创 2021-10-07 23:16:21 · 243 阅读 · 0 评论 -
WEB应用开发综合实训day14
本节实训内容为微信小程序wx.createInnerAudioContext(Object object)播放、暂停音乐功能,小程序专辑列表页。项目地址和微信小程序二维码和昨天一样链接: WEB应用开发综合实训day13.文章目录歌曲播放歌曲暂停或播放进度条专辑列表歌曲播放const innerAudioContext = wx.createInnerAudioContext();innerAudioContext.autoplay = trueinnerAudioContext.src.原创 2021-10-08 14:53:06 · 132 阅读 · 0 评论 -
WEB应用开发综合实训day12
本节实训内容为微信小程序入门开发,和html、css、js技术类似,上手很快,而且所见即所得,立马可以看到效果,等周末把微信开发者发布小程序的权限搞定就上线展示。文章目录微信小程序工具:微信开发者工具,自行安装微信小程序开发文档:https://developers.weixin.qq.com/miniprogram/dev/framework/小程序注册可以按照步骤完成(需要做实名认证)注册成功登录之后需要扫码,扫码的微信即为当前小程序的管理员账号登录成功之后需要完善小程序信息,注意事项:注册登录成功.原创 2021-09-24 23:30:18 · 185 阅读 · 0 评论 -
WEB应用开发综合实训day11
本节实训内容为layui下拉选框和第三方多选框配合ssm框架实现增删查改功能最新项目链接http://hbuas.top:8082/ManageMusic/index.文章目录分页查询专辑列表添加专辑页面显示所有歌手添加多选按钮标签到添加专辑表单中(add_album.html)添加专辑页面导入multi_select.js将multi_select.js和layui_extends复制到项目修改multi_select.js中ajax请求获取后端歌手列表的接口地址后端歌手列表获取接口(Artist.原创 2021-09-23 23:43:28 · 130 阅读 · 0 评论 -
WEB应用开发综合实训day10
本节实训内容为layui行工具栏使用和SSM框架增删改查功能补充,以及一部分ajax异步传输的内容。往项目中添加新功能的步骤大致是1.前端找到所需的layui的模块2.编写对应的后端接口和传值功能3.编写后端controller-service-dao-修改mapper文件4.调试运行(任何xml配置文件都非常重要!!!一旦出错不会提示,要注意标点符号)文章目录批量删除artistlist.js后端根据id删除歌手artistlist.js后端更新歌手信息artistlist.js后端查看.原创 2021-09-22 16:03:38 · 172 阅读 · 0 评论 -
WEB应用开发综合实训day9
本节实训内容为layui数据表格、表单、弹出层、文件上传、ajax以及后端SSM框架、细节巨多、一定要勤加练习文章标题分页歌手列表前端(artistlist.js)后端添加歌手,跳转页面artistlist.js绘制add_artist.html页面文件上传导入文件上传依赖配置spring-mvcadd_artist.js后端自行封装文件上传工具类(FileUploadUtil)添加歌手add_artist.js后端分页歌手列表前端(artistlist.js)//加载模块layui..原创 2021-09-17 15:53:38 · 111 阅读 · 0 评论 -
WEB应用开发综合实训day8
本节实训类容为layui数据表格、按钮、结合SSM进行分页查询、级联查询文章目录首页绘制导入layui复制首页模板并修改PageController分页查询歌曲列表导入fastjson依赖,并配置spring-mvcmusiclist.jsResultVo分页查询后台代码表格信息详细显示自定义按钮查询专辑名称和歌手musiclist.js解析专辑、歌手数据首页绘制导入layui复制首页模板并修改<link rel="stylesheet" th:href="@{/layui/.原创 2021-09-16 21:44:59 · 124 阅读 · 0 评论 -
WEB应用开发综合实训day7
本节实训内容为Thymeleaf、Mybatis逆向工程、jQuery入门相关项目下载链接链接:文章目录Thymeleaf前言:如果你只会ajax的话,不建议你直接使用html,因为ajax拿到的数据给html标签赋值的时候非常不方便,我们之前学过jsp,在jsp可以直接把后端数据通过jstl标签进行for循环遍历、if判断等。但是jsp技术比较老,我们使用更好的thymeleaf替换jsp页面进行页面数据显示。thymeleaf相对jsp的优势:jsp对于前端不友好,有大量的java代码,jsp不能单.原创 2021-09-14 15:27:26 · 169 阅读 · 0 评论 -
WEB应用开发综合实训day6
本节实训内容为Mybatis级联查询和SSM框架整合文章目录一对一对多级联查询数据库设计Java类设计根据用户id查询证件、用户、订单信息UserDaoUserMapper.xml代码测试根据订单id查询用户和订单属性UserDaoUserMapper代码测试SSM整合创建webapp项目导入依赖web.xmlspring-mybatis.xmlspring-mvc.xmlmybatis-config.xml事务回滚一对一对多级联查询数据库设计tb_card: card_id car.原创 2021-09-13 15:20:48 · 136 阅读 · 0 评论 -
WEB应用开发综合实训day5
本节实训内容为MyBatis增删查改,set标签,where标签使用方法,模糊查询和sql注入。实训内容越来越多,出现了很多新bug,没时间整理博客了,还是直接放上老师的笔记,有问题的可以私信我。文章目录一级目录二级目录三级目录WEB应用开发综合实训day4自定义ResultMap查询所有用户UserDaoUserMapper测试删除更新(set标签)插入数据返回新增id批量删除多条件查询模糊查询测试SQL注入一级目录二级目录三级目录WEB应用开发综合实训day4自定义ResultMa.原创 2021-09-10 16:09:54 · 100 阅读 · 0 评论 -
WEB应用开发综合实训day4
本节实训内容为Spring上传文件和MyBatis简单应用今天升级Mysql和解bug花了太多时间,没时间自己整理了,就直接贴老师的笔记了,有问题可以私信我。文章目录表单文件上传导入依赖配置spring--mvc.xmlupload_form.htmlUploadControllerMybatis数据库安装与配置(参考群文档)mybatis官网:https://mybatis.org/mybatis-3/zh/index.htmlMybatis配置步骤创建quickstart项目导入依赖mybatis.原创 2021-09-09 15:51:50 · 146 阅读 · 0 评论 -
WEB应用开发综合实训day3
本节实训内容为Spring Web Mvc框架、表单提交、JSON数据转换器文章目录新建maven-archetype-webapp项目导入SpringMvc依赖配置web.xml创建项目目录配置tomcat运行项目配置spring-mvc.xmlWEB-INF文件夹新建maven-archetype-webapp项目不要选择前两天的quickstart项目导入SpringMvc依赖pom.xml<!-- https://mvnrepository.com/artifact/org..原创 2021-09-08 15:41:40 · 156 阅读 · 0 评论 -
WEB应用开发综合实训day2
本节实训内容为使用注解和XML结合实现SpringIoc和SpringAop文章目录使用注解结合xml的方式实现SpringIoc新建maven项目编写配置文件(spring-ioc.xml)依次添加MVC三层代码将单元测试修改为Spring单元测试,运行时加载配置文件测试运行结果使用xml的方式实现SpringAopAOP简单介绍新建maven项目添加项目代码添加配置文件spring-aop.xml添加测试代码测试结果使用注解+xml的方式实现SpringAop新建maven项目编写配置文件sprin.原创 2021-09-07 16:02:38 · 132 阅读 · 0 评论 -
WEB应用开发综合实训day1
本节实训内容为安装IDEA并搭建maven环境测试spring-ioc文章目录步骤一:安装IDEA步骤二:安装配置Maven步骤三:男孩儿测试代码步骤四:传统单元测试代码步骤五:导入springioc依赖步骤六:Spring-ioc单元测试代码new选项添加xml文件配置文件代码模板配置文件代码-依赖注入最终测试步骤一:安装IDEAIDEA2018下载链接:https://pan.baidu.com/s/1nIphjArfJf3kCMqe13f2-w提取码:8888首先下载IDEA压缩包,安装.原创 2021-09-06 16:10:33 · 665 阅读 · 0 评论