【Mongoose应用和文件上传】一.Express框架访问MongDB数据库;二.node实现文件上传

本文详细介绍了如何使用Express框架访问MongoDB数据库,包括mongoose模块的应用、代码封装和MVC设计思想的实现。同时,讲解了Node.js中使用formidable模块实现文件上传的步骤,包括FormData对象的使用和Formidable.IncomingForm对象的相关属性和方法。
摘要由CSDN通过智能技术生成

目录

一.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)创建前端页面

3.代码实现

(1)创建Express项目:确定端口号、跨域的设置、代码更新能自动重启

(2)项目目录结构的设置:

        dao(config、model、crud)

        service

(3)安装mongoose、定义配置文件(连接数据库)

二.node实现文件上传

1.FormData对象:以对象的方式来表示页面中的表单,又称为表单对象。以key:value的方式来保存数据,XMLHttpRequest对象可以轻松的将表单对象发送到服务器端

(1)是一个构造函数:new FormData(),例如:

(2)常用的API:

2.node使用formidable模块实现文件上传

(1)安装:npm install formidable

(2)创建Formidable.IncomingForm对象:本质是一个表单对象

(3)Formidable.IncomingForm对象的属性:

(4)Formidable.IncomingForm对象的方法:

(5)Formidable.File对象的属性:

3.示例:

(1)前端:


一.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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值