一、jquery

二、Bootstrap

Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。

是别人封装好的前端框架,复制别人写好的css js使用

Bootstrap使用流程:

  1. 1.下载bootstrap压缩包
  2. 压缩包里有css文件,js文件
  3. 2.解压之后放入项目中
  4. 3.书写html页面的时候引入外部的css文件和js文件

三、MVC模式

3.1MVC架构

MVC:

  1. model(模型层):
  2. 上面项目的dao entity service
  3. controller(控制器层):
  4. 上面项目的contorller
  5. view(视图层):
  6. web文件夹下面的htmljsp页面

执行流程:

  1. 先执行页面login.jsp
  2. ==》 控制器层 servlet
  3. ==》 servlet去调用service里面的方法
  4. ==》 service再去调用dao里面的方法
  5. ==》dao里面方法去操作数据库的
  6. ==》响应给前端页面

之前代码是在serlvet中去实例化dao,然后去执行数据库

MVC思想:在servlet里面去实例化service,在service里去实例化dao

项目准备工作

1.准备好架子

2.新建数据库 fengmi 将数据库导入

3.复制druid.properties

4.复制第三方jar包

5.复制JdbcUtil和BaseDao到utils文件夹下

6.书写login.jsp 放到web/after/文件夹下

7.在web的文件夹 下面粘贴复制css、js、fonts、images

8.将login.jsp点击登录按钮之后,把input输入框中的数据带给LoginServler,写在controller文件下面

9.写service层

10.写dao层