综合课程设计笔记：
学习方法：
1、对于每天学习的知识点，要做好每日笔记（分类）
- 笔记工具，MarkDown 文档
- Typora （1.0 之前的版本不收费）
- 支持语法高亮
准备工作：
1、企业级主流开发工具：
1）前端：VSCode
- 浏览器：Edge、Chrome、Firefox
2）后端：IDEA （2022.3.3）
- JDK8（1.8）
- LTS 长期受支持版本
- MySQL 8
一、前端：
1、预备知识
- H5、CSS、JavaScript（ES6）
2、扩展知识
- Vue、Element UI、Axios
3、框架
- 什么是框架？
就是帮助处理和解决问题的优秀代码的集合
多个轮子组合而成
- 使用框架
- 告诉框架要帮我们做什么？
- 提供开发效率，从而让开发任意更加专注业务的实现
4、前端有哪些框架？
- Vue、React、Anglar
- 生态（技术栈、全家桶）
- 简单易学
MVVM （重要）
- 什么是 MVVM？（数据双向绑定）
- M Model 模型（提供数据，视图）
- V View 视图（展示数据）
- VM 类似于Controller
- 学 JavaWeb，有 MVC 概念
- M Model 模型（提供数据，视图）
- V View 视图（展示数据）
- C Controller（控制器）
- 处理请求
- 处理响应
- 渲染和解析视图
Vue 基础使用
1、基本介绍
1）、简单易学
2）、渐进式JS框架
- 何为渐进式？
3）、尤雨溪
3、Vue版本
- 2.x（本次课程设计）
- 底层：JS 构建
- 3.x
- 底层：TS 构建（TypeScript）
4、Vue基本使用
- 单文件方式（本次课程设计）
- 将 vue.js 直接在 html 页面引入即可使用
- 基于vue-cli 脚手架构建
- spa 单页应用
- 基于 Node 来构建
- 工程化 webpack、vite
5、第一个 Vue 程序
- 页面中引入 vue.js 文件
- 编写 vue 相关代码
- 在视图上使用 {{}} 插值表达式来展示数据
6、Vue 常用指令
- 都是以 v- 开头
- v-bind 绑定元素属性
- 简写 :属性名
- v-model 数据双向绑定
- v-if / v-else / v-show 条件渲染
- v-for 列表渲染（循环）
- v-text 文本渲染
- v-html 带元素标签渲染
- v-on 绑定事件驱动
- 简写 @事件名
- HTML常见的事件有哪些？
- onclick 鼠标单击
- onchange 内容改变
- onsubmit 表单提交
- onmouseover 鼠标悬停
- onmouseout 鼠标移开
- onkeydown 某一个按键按下
- onblur 失去焦点
- onfocus 获取焦点
- ...
7、数组
- 创建数组2种方式
- 数组操作
- push() 添加到末尾
- unshift() 添加到最前面
- splice(index, many, [item...])
- 数组遍历
- 普通for
- array.forEach(functioin(item, index){})
8、指令修饰符
- v-model.trim 清除两边的空格
- @click.stop 阻止事件冒泡
- @click..prevent 阻止默认行为（控件）
9、侦听属性
- 当某一个属性值需要由多个其它属性值构成
10、Vue生命周期
- 何为对象的生命周期？
- 对象从创建到销毁的过程
- 生命周期函数（钩子函数）
- 在生命周期的各个阶段会自动触发的函数
- 常用的几个函数
- created() 当 vue 对象创建完成就自动触发
- mounted() 当 视图组件 挂载完成
前端工程搭建
- bookstroe_web
后端（Java方向）：
1、创建Javaweb工程 bookstroe
- 在本机需要安装好 Tomcat 服务器（推荐使用解压版）
- Apache 官网下载 http://tomcat.apache.org 解压版
- 注意下载版本：推荐使用Tomcat 8 / 9 版本
- idea 创建 javaweb 工程
- 创建一个Java工程
- 配置运行环境 Tomcat
- 右键项目名称，点击 “添加框架支持”，选择 web
- 项目结构 -》模块 -》依赖 -》添加 库 -》Tomcat
- 部署工件
- JavaWeb工程目录结构
- src（Java源代码）
- web（web根目录）
- WEB-INF （浏览器不能直接访问）
- web.xml （javaweb工程的描述文件）
2、项目的视图技术（视图层）不再使用 JSP 页面技术
- 模板引擎技术（服务端渲染）
- FreeMarker
- Thymeleaf
- 前后端分离技术（企业级主流，前端渲染技术）
- Vue + Element UI
3、将 前端工程 bookstore_web 拷贝到 web 根目录
4、在页面中使用 <base href="web应用上下文"> 标签
- http://localhost:8080/bookstore/
5、完成登录功能
- 登录前端校验
- 规则：用户名和密码不能为空
- 实现方案：
- 使用原生的 js 来实现
- 使用 vue 来实现（推荐使用）
- 后端校验（用户名和密码匹配校验）
- 将用户名和密码获取，发送到后台服务器进行校验
- 校验成功则，进入到登录成功页面
- 校验失败则，重定向到登录页面
登录成功页面
- 浏览器可以直接访问，这样是不安全的
http://localhost:8080/bookstore/pages/user/login_success.html
- 解决方案
- 将页面迁移到 WEB-INF 目录下
- 只能通过服务器内部转发（forward）
- 在登录成功页面，判断用户是否登录
- session 中是否有 user 对象
6、dbutils 库来简化JDBC开发
- QueryRunner
- update() : insert, update, delete
- query() : select
7、完成注册功能
- regist.html 注册页面的表单校验
- RegisterServlet
- UserSerice
- register(User user)
- UserServiceImpl
- register(User user) 实现方法
- UserDao
- save(User user)
- UserDaoImpl
- save(User user) 实现方法
- 注册成功
- 跳转到 regist_success.html 注册成功页面
8、Servlet 注册两种方式
- 3.0 之前只能在 web.xml 中配置 servlet 注册
- 3.0 开始支持注解 @WebServlet
9、验证码
- 作用？
- 种类
- 使用 google 提供的一个验证码工具库 kaptcha
- 使用步骤
- 1、导入 jar
- 2、配置 Servlet
- 3、在页面上请求Servlet，获取验证码图片
- 点击验证码，刷新
- 证验证码原理
- kaptchaServlet 生成的验证码会写入到 session 中
- 表单提交一个用户输入的验证码
- 后台将表单提交的验证码 和 session 中的验证码进行比较
- 若验证码一致，则通过，可以进行注册
- 若验证码不一致，则不通过，不可以进行注册
10、解决一个问题？
- Servlet 数量急增，目前一个Servlet只处理一个请求（功能）
- 需求：一个模块只要一个Servlet
- 一个Servlet里面，提供多个方法，每个方法处理一个请求（功能）
- 实现方案：反射
页面安全访问问题？
11、Thymeleaf 模板引擎（Spring Boot 官方推荐）
- 服务端渲染方式（java）
- JSP（Java Server Page）技术（企业已经淘汰！！！）
- 模板引擎
- 模板技术（采用 html 页面）
- 使用了模型引擎特有的表达式语言
- 使用步骤
- 引入 jar 包
- 配置模板引擎（视图前缀和后缀）
- 模板视图组成：前缀 + 视图名(user/login) + 后缀
- 登录页面：/WEB-INF/pages/user/login.html
- 在视图页面，使用模型引擎特有的表达式语言
- 引入命名空间
- <html xmlns:th="http://www.thymeleaf.org">
- 使用表达式（指令）
- 都是以 th 开头
12、图书管理功能
- 首页图书列表查询
- 图书列表查询
- 新增图书
- 修改图书
- 删除图书
条件查询、分页查询
SELECT book_id bookId, book_name bookName, author, price, sales, stock, img_path imgPath FROM t_book
-- WHERE price >= 50
-- WHERE price <= 50
WHERE price >= 20 AND price <= 50
-- WHERE price BETWEEN 20 AND 50
-- 当前页码pageNum，每页记录数pageSize（固定）
-- 当前页码：(pageNum - 1) * pageSize
LIMIT 10, 10
13、提交表单，中文乱码问题？
- Filter 过滤器 CharacterEncodingFilter
综合应用：
JavaSE 面向对象
JavaWeb基础
- Tomcat（web容器、web服务器）
- request
- response
- servlet
- 处理请求
- 调用 service 完成业务
- 处理响应
- cookie、session
- filter
专业综合课程设计 - 优阅书城项目（第二版）
需积分: 0 73 浏览量
2023-10-06
10:33:24
上传
评论
收藏 17.46MB ZIP 举报
专业综合课程设计 - 优阅书城项目（第二版） （265个子文件） 
code.bmp 9KB code.bmp 9KB
BookDAOImpl.class 5KB BookDAOImpl.class 5KB BookServlet.class 5KB BookServlet.class 5KB UserServlet.class 4KB UserServlet.class 4KB Page.class 3KB Page.class 3KB BookServiceImpl.class 3KB BookServiceImpl.class 3KB BaseDao.class 3KB BaseDao.class 3KB ViewBaseServlet.class 3KB ViewBaseServlet.class 3KB Book.class 2KB Book.class 2KB ClientBookServlet.class 2KB ClientBookServlet.class 2KB JDBCUtil.class 2KB JDBCUtil.class 2KB WebUtils.class 2KB WebUtils.class 2KB MD5Util.class 2KB MD5Util.class 2KB BaseServlet.class 2KB BaseServlet.class 2KB CharacterEncodingFilter.class 1KB CharacterEncodingFilter.class 1KB UserDAOImpl.class 1KB UserDAOImpl.class 1KB User.class 1KB User.class 1KB ProtalServlet.class 1KB ProtalServlet.class 1KB AdminServlet.class 993B AdminServlet.class 993B BookDAO.class 974B BookDAO.class 974B UserServiceImpl.class 971B UserServiceImpl.class 971B QueryBook.class 907B QueryBook.class 907B BookService.class 905B BookService.class 905B UserService.class 280B UserService.class 280B UserDAO.class 263B UserDAO.class 263B swiper.min.css 19KB swiper.min.css 19KB index.css 8KB index.css 8KB iconfont.css 6KB iconfont.css 6KB style.css 5KB style.css 5KB cart.css 4KB cart.css 4KB bookManger.css 1KB bookManger.css 1KB register.css 1KB register.css 1KB minireset.css 828B minireset.css 828B book_edit.css 330B book_edit.css 330B common.css 160B common.css 160B orderManger.css 128B orderManger.css 128B .gitignore 172B
index.html 15KB index.html 15KB book_manager.html 6KB book_manager.html 6KB regist.html 6KB regist.html 6KB cart.html 4KB cart.html 4KB order.html 4KB order.html 4KB order_manager.html 4KB order_manager.html 4KB book_edit.html 4KB book_edit.html 4KB login.html 3KB login.html 3KB checkout.html 2KB checkout.html 2KB regist_success.html 1KB regist_success.html 1KB login_success.html 959B login_success.html 959B manager.html 805B manager.html 805B bookstore.iml 2KB
mysql-connector-java-8.0.19.jar 2.25MB mysql-connector-java-8.0.19.jar 2.25MB共 265 条
- 1
- 2
- 3
资源评论
