学习目标:
例如:spring boot vue
- 掌握 Java 前后端分离 入门知识
学习内容:
- 搭建 Java 开发环境
- 前端页面(首页、插入、显示、删除、修改)
<h1>商品管理</h1>
<a href="insert.html">添加商品</a>
<a href="/list.html">显示商品</a>
插入
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>添加商品</h1>
<div>
<input type="text" v-model="p.title" placeholder="商品品牌">
<input type="text" v-model="p.price" placeholder="商品价格">
<input type="text" v-model="p.saleCount" placeholder="商品销量">
<input type="button" value="添加" @click="insert()">
</div>
<script src="js/vue.js"></script>
<script src="js/axios.min.js"></script>
<script>
let v = new Vue({
el:"div",
data:{
p:{}
},
methods:{
insert(){
axios.post("insert",v.p).then(function (response) {
alert("添加完成!");
location.href="/";
})
}
}
})
</script>
</body>
</html>