项目练习
关注
分享
扫一扫
文章平均质量分 63
多多练习
玳宸
这个作者很懒，什么都没留下…
展开
-
网页版别踩白块（JavaScript）
文章目录实验原理：实验步骤：1、页面布局2、添加样式3、游戏初始化4、让黑块动起来5、点击黑块事件6、js完整代码别踩白块这个游戏相信很多人都在手机上玩过，今天来做一个网页版的，主要涉及通过 javascript 操作元素节点的增删以及属性节点（class）的操作。先上一张游戏效果图：实验原理：将每一个黑块和白块抽象成一个个的数据结构，黑块的消失和出现其实就是数据结构的创造和销毁。实验步骤：1、页面布局可以用 div+css 布局来实现别踩白块的静态效果展示，将主界面分解成一个 4x4 的大原创 2021-03-13 20:46:18 · 1758 阅读 · 0 评论 -
Python——飞机大战
最近学习了点python基础，初步完成了飞机大战小游戏，但是有些功能还需进一步完善。效果图：plane_main.pyimport pygamefrom plane_sprites import *pygame.init()class PlaneGame(object): """飞机大战主游戏""" def __init__(self): self.screen = pygame.display.set_mode(SCREEN_RECT.size) .原创 2021-02-02 19:37:33 · 119 阅读 · 0 评论 -
AngularJS_实践-我的备忘录
成品展示：html：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <script src="app.js"></script></head><body ng-app="todoApp" ><div ng-controller="TodoContr原创 2020-12-11 21:22:44 · 148 阅读 · 0 评论 -
AngularJS_实践-我的笔记
成果展示：html：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> textarea{ resize: none; } </style></head><body ng-app="noteApp" ng-con原创 2020-12-11 13:38:43 · 92 阅读 · 0 评论 -
Zepto实战练习(1)_静态页面搭建及css动画完成
Zepto实战练习最终成品展示html：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title>zepto实战_练.原创 2020-12-10 16:15:19 · 220 阅读 · 0 评论 -
Zepto实战练习(2)_JS交互功能实现
index.js/** * Created by zhiyongYan on 2017/3/6. */$(function () { //初始化坐标变量 var last = {row:0,col:0}; var now = {row:1,col:1}; //初始化四个方向变量 var direction = {up:1,right:2,down:3,left:4}; //初始化是否移动变量 var isMoving = false; //向上滑动 $(document).s原创 2020-12-10 17:44:15 · 119 阅读 · 0 评论 -
SpringBoot Web开发实验-RestfulCRUD
目录一、默认访问首页二、国际化三、登陆四、拦截器进行登陆检查（需要源码可以留言)一、默认访问首页//使用WebMvcConfigurerAdapter可以来扩展SpringMVC的功能//@EnableWebMvc 不要接管SpringMVC@Configurationpublic class MyMvcConfig extends WebMvcConfigurerAdapter { @Override public void addViewControllers(ViewCon原创 2020-12-06 10:40:26 · 159 阅读 · 0 评论 -
书城项目_第九阶段_使用Ajax
1 、使用 AJAX 验证用户名是否可用 验证用户名是否可用UserServlet 程序中 ajaxExistsUsername 方法：protected void ajaxExistsUsername(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { // 获取请求的参数 username String username = req.getParameter("user原创 2020-11-27 17:05:25 · 218 阅读 · 0 评论 -
书城项目_第八阶段_设置过滤器Filter
1 、使用 Filter 过滤器拦截/pages/manager/所有内容，实 所有内容，实现权限检查Filter 代码：public class ManagerFilter implements Filter { @Override public void init(FilterConfig filterConfig) throws ServletException { } @Override public void doFilter(ServletRequest servletReques原创 2020-11-27 16:56:58 · 229 阅读 · 0 评论 -
书城项目_第七阶段_订单模块
1 、创建订单模块的数据库表use book;create table t_order( `order_id` varchar(50) primary key, `create_time` datetime, `price` decimal(11,2), `status` int, `user_id` int, foreign key(`user_id`) references t_user(`id`));create table t_order_item( `id` int prim原创 2020-11-27 16:40:55 · 274 阅读 · 0 评论 -
书城项目_第六阶段_购物车模块
1、购物车模块分析2、购物车模型编写2.1 、购物车模型：/*** 购物车的商品项*/public class CartItem { private Integer id; private String name; private Integer count; private BigDecimal price; private BigDecimal totalPrice;}/*** 购物车对象*/public class Cart { /** * key 是商品编号，原创 2020-11-27 16:32:13 · 407 阅读 · 0 评论 -
书城项目_第五阶段_分页模块
1、图书分页1) 分页模块的分析2) 分页模型 Page 的抽取（当前页数，总页数，总记录数 的抽取（当前页数，总页数，总记录数 ，当前页数据，每页记录数）/*** Page 是分页的模型对象* @param <T> 是具体的模块的 javaBean 类*/public class Page<T> { public static final Integer PAGE_SIZE = 4; // 当前页码 private Integer pageNo; // 总页原创 2020-11-27 16:14:08 · 563 阅读 · 0 评论 -
书城项目_第四阶段_图书模块
MVC 概念1、MVC 全称：Model 模型、 View 视图、 Controller 控制器。2、MVC 最早出现在 JavaEE 三层中的 Web 层，它可以有效的指导 Web 层的代码如何有效分离，单独工作。3、View 视图：只负责数据和界面的显示，不接受任何与显示数据无关的代码，便于程序员和美工的分工合作——JSP/HTML。4、Controller 控制器：只负责接收请求，调用业务层的代码处理请求，然后派发页面，是一个“调度者”的角色——Servlet。转到某个页面。或者是重定向到.原创 2020-11-27 15:27:59 · 508 阅读 · 0 评论 -
书城项目_第三阶段_代码优化
一、页面 jsp 动态化 动态化1、在 html 页面顶行添加 page 指令。2、修改文件后缀名为：.jsp3、使用 IDEA 搜索替换.html 为.jsp(快捷键：Ctrl+Shift+R)二、抽取页面中相同的内容i. head 中 中 css 、jquery 、base 标签<%String basePath = request.getScheme()+ "://"+ request.getServerName()+ ":"+ request.getServerPort(原创 2020-11-24 23:38:46 · 171 阅读 · 0 评论 -
书城项目_第二阶段_注册、登录功能实现（连接数据库）
用户注册和登录的实现：需求1：用户注册需求如下：访问注册页面填写注册信息，提交给服务器服务器保存用户当用户已经存在——提示用户注册失败，用户名已存在当用户名不存在——注册成功需求2：用户登录需求如下：访问登陆页面填写用户名密码后提交服务器判断用户是否存在如果登陆失败 ——返回用户名或者密码错误信息如果登录成功 ——返回登陆成功 信息项目的三层架构分层的目的是为了解耦。解耦就是为了降低代码的耦合度。方便项目后期的维护和升级。1、先创建书城需要的数据库和表。原创 2020-11-24 23:18:36 · 761 阅读 · 1 评论 -
书城项目_第一阶段_页面准备及表单验证
登录<!DOCTYPE html><html><head><meta charset="UTF-8"><title>尚硅谷会员登录页面</title><link type="text/css" rel="stylesheet" href="../../static/css/style.css" ></head><body> <div id="login_header">原创 2020-11-24 22:09:59 · 345 阅读 · 1 评论