0.创建数据库及表
1.创建一个web程序
注意idea加载完后webapp文件夹是否带蓝点,如果没有的话Tomcat配置的时候可能会显示没有article,这时需要File->project structure->modules->dependencies下的全选上apply,如果没用建议重新建一个程序
2.添加依赖
jbutil、c3b0、javax.servlet-api、jsp-api、jackson-databind、jackson-core(JSON工具:将字符串转成JSON的格式)、mysql-connector-java
3.配置连接Tomcat服务器
Tomcat有时会自动缓存,导致修改程序页面中无变化,要么删除浏览器缓存,要么删除tomcat缓存(work文件夹与temp文件夹中的内容),要么直接设置servlet的server.xml中<host>中的<Context reloadable ="true"></Context> ,或者直接在server那层中的Cataline中创建xml文件放入这条语句,这样Tomcat就不会自动缓存了(小心程序特别大时这样做可能会比较耗性能)
4.创建页面
一个登录页面,一个主页面,配置好页面中的基本内容及元素格式布局等
4.1传递用户信息
$.ajax({
url:"login", //传输目标
type:"post", //提交方式
data:{
"name":name,
"password":password
},
success:function (res){ //success表示当后台有返回结果时执行对应方法
// console.log("接受后台返回的数据"+res);
if(res=="true"){
var url = "main.html";
window.location.href=url;
}else{
alert("账号或密码有误");
}
}
})
5.搭建后端三层架构
5.1 表示层
在本项目中表示层使用的是Servlet,分功能创建
1.LoginServlet(登录):
//获取session,该对象是由服务器创建并由request传进来的
HttpSession session = request.getSession();
//将用户信息放入session,目的是让服务器知道谁登陆了
session.setAttribute("uid",user.getId());
2. personalServlet(获取数据库的信息)
//将user对象转换为json格式字符串
ObjectMapper mapper = new ObjectMapper();
//告诉网页传输格式为Json,编码格式为utf-8
response.setContentType("application/json;charset=utf-8");
3.TransferServlet(转账)
5.2服务层(service层)
要创建一个接口然后创建他的实现类,具体对数据的处理操作在实现类中实现
5.3 Dao层
主要是对数据库的数据进行CRUD操作(增删改查),也要先创建一个接口,具体方法体在实现类中实现
5.4 创建数据对象
用来存储接收到的数据库中的数据