2301_76467322的博客

原创 css思维导图

原创 Animate动画使用方式（）

animate使用流程（记录）

原创 酷狗音乐首页-2部分

css部分不展示，若遇到问题，可以联系沟通

原创 酷狗音乐官网

html代码展示，css略(导航栏都通过ul li无序列表，css弹性布局dis:flex)轮播图通过引入swiper轮播技术。

原创 后端用户管理-删除-修改

因为注册和修改共页面，如何判断是注册还是修改，通过判断语句if else语句判断id的valuel, id为null则为注册，id有值则为修改。无论修改还是删除都需要先查询数据（查询id）删除的后端接口servlet。

原创 实现后端-管理页面的公告和内容

4、我们可以在登录的servlet里面调用查询所有类型的方法，然后把查询出来的数据存储在作用域中，跳转到首页后。6、使用核心标签库里面的foreach标签，把之前存储在作用域当中的数据循环迭代显示出来。4.在servlet中调用方法，把查询出来的数据，存储在session作用域中。5、在页面的公告栏中，通过使用jstl标签库中的核心标签库。2、创建类型的接口，在接口中定义查询所有类型的方法。3、在接口的实现类中，实现这个查询所有类型的方法。2.创建内容的接口，根据类型查询所属的内容方法。

原创 后端-注册页面

注册

原创 后端-连接前端跳转

6.在servlet中处理登录的业务逻辑(根据页面的请求方式，在servlet对应的方法中实现，get请求==》doget,post==>dopost。5.创建servlet,servlet中的地址与页面提交表单的地址，要是一样的。4.创建用户接口的实现类，实现用户接口，实现接口中的登录方法。6.3调用登录方法，把获取到的参数（账号和密码）传递到方法中。登录失败后，页面跳转到登录页面，继续登录)3.创建用户接口，在接口中定义登录的方法。表单提取，都是post的请求方式。登录成功后，页面跳转进首页。

原创 建立数据库连接-步骤

常量大写，变量驼峰命名。

原创 后端数据库基本知识以及举例（王者荣耀数据）

insert into content values(null,5,'峡谷夏日特别行动之地某有话说友好交流是胜利的关键','2022:09:20 21:05:50');insert into content values(null,4,'姜子牙英雄品质升级共创-技能特效研讨活动开启','2022:09:20 21:05:50');insert into content values(null,2,'9月14日全服不停机更新公告','2022:09:20 21:05:50');

原创 Web前端 王者荣耀中心区域，以及底部思路

第三为一个图片，不重复bkg：no-repate ，图片不变型object-fit:cotain。第一个层左右浮动图片span标签，文字p标签（转块级），第二和第三都为ul li无序列表，第一部分一张图片，位置偏移（使用偏移时，要使用bgkd:url()一起用）第一左右浮动第一个层左右浮动图片span标签，文字p标签（转块级），用小图片就是span，文字p标签(要转块级)，给弹和换行。第二和第四部分为ul li无序列表。第二部分为2个层左右浮动。底部整体分为2个部分。

原创 Web前端侧方悬浮，固定定位flexd

第二层为ul li，绝对定位absolute 使用节点分别单独设置眼样式，nth.child(1)先给整体body一个相对定位，然后给侧方悬浮有个固定定位 背景图 距离上方距离200px。3个盒子分别给3个图片，图片使用偏移background-posistion。然后给王者荣耀等移入事件:hover,只需要修改图片偏移。第一个层为dj层，一个images图片，图片不重复。图片的宽和高都可以看属性，或用截屏量取。下载区域给个左浮动并且分为3个层，

原创 Web前端，王者荣耀轮播区域

由于要获得移入标题控制图片转换，所以引入jQuery，同过入口函数获取slidebox，根据jQuery，hd标题-控制图片，bd是图片主体，autoplay自动轮播，effect:leftLoopx向左滚动。第二层为内容区域使用嵌套ul li，第一行li为内容的标题，所以单加个类名，设置字体大小，字体颜色。这里·hd为标题，标题控制内容，bd则为内容主体 effect:leftLoop向左滚动实现效果。第一层为标题title区域，使用无序列表ul li。第二部分为标题部分无序列表完成。

原创 web前端，王者官网页面

第三部分有两个层 第一个层是图片用span，图片的⚪边框是border-radius第二个层是由两个p标签组成，想距离左边图近可以调节margin-left。分为三部分 整体用弹性布局display:flex;just-content:spance-between将三个部分平铺。第二部分是无序列表用ulli完成调节字体居中用text-align:center,因为需要有移入一级导航栏下滑显示，移出二级导航栏时二级导航栏上滑隐藏的效果。运用嵌套ul li 写二级导航栏，然后要给二级导航栏默认隐藏。

原创 Web前端

大二实训时学习web前端的作业