目录
(3)MVC设计思想:M(Model)、V(View)、C(controller)
(2)创建Schema-----》创建模型Model-----》操作数据库中的blog集合
(3)创建Service层:调用dao层访问数据库、接收客户端的数据、把处理的结果响应给客户端
(1)创建Express项目:确定端口号、跨域的设置、代码更新能自动重启
1.FormData对象:以对象的方式来表示页面中的表单,又称为表单对象。以key:value的方式来保存数据,XMLHttpRequest对象可以轻松的将表单对象发送到服务器端
(2)创建Formidable.IncomingForm对象:本质是一个表单对象
(3)Formidable.IncomingForm对象的属性:
(4)Formidable.IncomingForm对象的方法:
一.Express框架访问MongDB数据库
1.目的:
(1)mongoose模块的使用
(2)学会代码的封装:dao层、service层、接口层
(3)MVC设计思想:M(Model)、V(View)、C(controller)
2.设计思路:
(1)数据库:blog集合(blogId、title、content、type、author、createAt)
(2)创建Schema-----》创建模型Model-----》操作数据库中的blog集合
(3)创建Service层:调用dao层访问数据库、接收客户端的数据、把处理的结果响应给客户端
(4)创建接口层:路由接口(路由中间件)
(5)测试接口
(6)创建前端页面
<head>
<script src="../js/jquery-3.4.1.js"></script>
</head>
<body>
<form id="blog">
<label for="">
标题:
<input type="text" name="blogTitle">
</label>
<br><br>
<label for="">
内容:
<textarea name="blogContent" cols="30" rows="10"></textarea>
</label>
<br><br>
<label for="">
类型:
<select name="blogType" id="">
<option value="#">请选择</option>
<option value="javascript">javascript</option>
<option value="node">node</option>
<option value="vue">vue</option>
</select>
</label>
<br><br>
<button type="button" id="btn_submit">提交</button>
</form>
<script>
$(function(){
$('#btn_submit').bind('click',function(){
$.ajax({
url:'http://127.0.0.1:9000/api/addBlog',
type:'post',
data:$('#blog').serialize(),
dataType:'json',
success:function(result){
if (result.code === 1000) {
alert('添加成功')
}
}
})
})
})
</script>
</body>