Vue.js前后端結合

Vue.js前后端結合（mysql）

 

一.啟動MySQL並且建立相應的表格

 

建立圖書館數據庫lib

   建立圖書表book

create database lib;
use lib;
create table book(
    id int primary key auto_increment,
    name varchar(50),
    price int
);

insert into book(name,price) values('我的奮斗',20);
insert into book(name,price) values('愛的教育',15);

 

 

二.導入模板example.war 並且改名libweb

 

 

三. 修改數據庫配置信息

 

 

四. 修改實體類，（本例：UseràBook）

1.建立類和屬性

 

 

 

2.對屬性添加get/set,如下圖

 

 

3.對主鍵添加注解

按照JPA的規范，在getId（）前面加相關的注解

 

@Id

 

@GeneratedValue(strategy= GenerationType.IDENTITY)

 

@Column(name="id777")

 

4、對剩余非主鍵的字段，也添加相關的注解

 

五、對實體類，修改Dao層

1、先修改接口UserDaoàBookDao（修改接口名、import、方法名）

2、修改實現類

 

六、修改service層

1、先修改接口UserServiceàBookService（修改接口名、import、方法名）

2、修改實現類

 

七、修改action/web 層

1、UserAction—>BookAction

 

八、修改struts.xml文件，配置一下Action

 

九、測試

http://localhost:8080/libweb/  （死代碼）

http://localhost:8080/libweb/bookAction_*  （把Action 那么復制出來）

http://localhost:8080/libweb/bookAction_getAllBook  (把通配符*改成方法名)