![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
NodeJS
蓝色清晨_
不经一番寒彻骨,怎得梅花扑鼻香。
展开
-
26.课时122-幼教平台:全局错误
操作数据库-获取数据Const body = req.body;操作数据库-动态修改添加的数据使用postman发送数据请求在mongodb数据库里查看已经添加完成的数据综上,完成了使用get post来添加数据的工作!开发时记得打开,以便开发Gitbush 运行项目Postman 发送请求Mongodb 查看数据是否添加 修改 删除成功全局错误当前,我们在程序发生错误时,都是直接throw err,并没有做什么处理,现在我们来处理全局错误。使用express自带的错误.原创 2020-06-22 17:11:15 · 118 阅读 · 0 评论 -
25.课时121-幼教平台:数据中间件(下)
原创 2020-06-22 15:09:51 · 85 阅读 · 0 评论 -
24.课时120-幼教平台:轮播图接口
创建controller文件夹,存放业务逻辑文件创建middle_wares文件夹,存放项目中间件在middle_wares中创建body_parse中间件,用来处理post请求。首先过滤掉get请求,再根据请求头判断在app.js中引入中间件body_parser,并在挂载路由前使用此中间件Body_parse中的处理方式如下:...原创 2020-06-22 15:08:16 · 125 阅读 · 0 评论 -
23.课时119-幼教平台:轮播图接口
修改轮播图模式日期类型为Date更改接口请求类型为post使用postman进行调用;原创 2020-06-22 15:04:00 · 136 阅读 · 0 评论 -
22.课时117-幼教平台:文件上传操作
图片 音频 视频存储在服务器,数据库中仅仅存放的是这些文件的地址而已。文件上传处理,要使用formdiable插件Nodejs在处理客户端以post方式提交的数据时,比较复杂,要写两个监听,并且要处理上传的图片,文件也比较困难常用第三方模块包formdiable来处理客户端以post提交的表单、文件、图片等如何使用呢?使用命令 npm install formidable安装注意事项:表单提交的过程中涉及文件或图片上传,则一定要设置表单头,即在form标签上加上固定写法的属性为en.原创 2020-06-22 14:59:38 · 214 阅读 · 0 评论 -
21.课时116-幼教平台:普通post请求
使用ajax提交的好处是能够让我们更好的来提交数据。简单的ajax请求,注意 form表单的action=”localhost:2000”.使用serialize进行序列化原创 2020-06-19 10:39:27 · 84 阅读 · 0 评论 -
20.课时115-幼教平台:普通post请求
使用res.render()渲染页面运行app.js在浏览器运行 localhost:2000提示ejs没有安装,执行命令 npm install ejs再次运行app.js,页面渲染完成接下来,将数据提交到后端在表单中输入数据,并提交,显示success表示提交成功此时,在项目中生成一份data.txt文件,说明数据提交成功使用jquery进行数据提交,安装jquery 执行命令npm install jquery –save使用中间件,在app.js中引入jquer.原创 2020-06-19 10:37:07 · 124 阅读 · 0 评论 -
19.课时114-幼教平台:普通post请求
小案例:普通post请求新建项目exfile新建app.js进入项目根目录,初始化项目,运行初始化命令 npm init一波回车“确认”操作,完成初始化操作。项目中生成package.json文件安装express 执行命令 npm install express –save配置服务器项目,引入path,引入ejs模板引擎创建index.ejs文件,编写form表单,目的是实现将表单中的内容提交到服务器...原创 2020-06-19 10:33:12 · 144 阅读 · 0 评论 -
17.课时112-幼教平台:轮播图板块接口测试
在路由中加入这一模式;进入routers的sowing.js文件夹,引入Sowing往数据库中插入一条数据,并返回数据在src/app.js中引入,并挂在sowing路由打开数据库,并在浏览器中输入地址 http://localhost:3040/sowing/api/add 展示返回信息...原创 2020-06-18 15:05:10 · 124 阅读 · 0 评论 -
18.课时113-幼教平台:再次添加一条数据
在我们的数据库中已经存在一条数据了,我们想再添加一条数据,该怎么做呢?开启服务器:npm run dev确保mongodb运行调用接口 http://localhost:3040/sowing/api/add新数据添加成功!注意:添加数据,须调用接口,调用一次,添加一条数据...原创 2020-06-18 15:01:29 · 94 阅读 · 0 评论 -
16.课时111-幼教平台:轮播图板块接口
在sowing.js中创建schema模式如下:输出sowingSchema原创 2020-06-18 14:34:15 · 94 阅读 · 0 评论 -
15.课时110-幼教平台:轮播图板块路由
创建轮播图路由。Routers下新建sowing.js,引入express,实例化路由,并对外暴露路由连接服务器,连接前要检查mongoDB有没有开启,可通过任务管理器查看打开Nosql manager 创建数据库colloge安装mongoose用于写数据 ,执行安装命令 npm i mongoose –save进入项目根目录,安装mongoose。在package.json中查看在服务器端建模,就是一个模型,方便mongoose借鉴写入。新建modles文件夹,在文件夹内新建sowi.原创 2020-06-18 14:32:02 · 107 阅读 · 0 评论 -
14.课时109-幼教平台:配置404页面
当用户访问了不存在的页面时,我们需要单独创建一个页面,提示用户,此时我们需要配置404页面:当前访问不存在的页面时在views中新建404页面404页面内容在src/app.js进行配置,当所有的页面都找不到了,渲染404页面访问后台404前台404页面...原创 2020-06-18 14:25:24 · 91 阅读 · 0 评论 -
13.课时108-幼教平台:使用include静态页面模块化
使用nunjuncks的include语法引入公共头部注意路径是”back/header.html”新建侧边栏板块aside.html,并使用同样的方法引入使用include引入侧边里板块注意一定要是全路径,留出插槽至此基础模板,我们搭建完成配置index.html文件注意,两个文件的{%block style%}要完全相同将标红区域,放入base.html留的插槽中将index.html中的使用的js文件放入base.html留下的script插槽中此时index.ht.原创 2020-06-18 14:21:28 · 94 阅读 · 0 评论 -
12.课时107-幼教平台:使用nunjuncks静态页面模块化
使用nunjuncks将后台界面可抽离出来的东西模块化,比如在页面中所有公众的使用的地方都可模块化,比如页头 页尾 左侧导航….如图,标红的区域均可模块化首先我们需要有一个基础的模板,使用nunjuncks创建基础模板。中文文档可参考:https://mozilla.github.io/nunjucks/cn/api.html新建基础模板 base.html 这个名字可以随便取基础模板的内容可以从index.html中拷贝。{% block style%} {% block %} 这是保留的原创 2020-06-18 14:16:43 · 195 阅读 · 0 评论 -
11.课时106-幼教平台:前台页面路由配置(下)
配置页面子路由,同配置主路由一样进入routers/index.js,进行配置,其中标红处可以自定义,页面根据这个自定义的名称访问。如何在页面中使用呢,我们需要进入到各个页面中;实现a标签的页面导航点击a标签跳转至指定页面点击此处图片能跳转至详情点击此处能够跳转至详情页面:后面的可以通过遍历方式,动态添加...原创 2020-06-18 14:13:38 · 89 阅读 · 0 评论 -
10.课时105-幼教平台:前台页面路由配置(上)
配置前端路由和配置后端路由一样,使用render方法,填入后端页面路径即可。注意是在app/index.js中进行配置,截图如下:配置完成之后,重启服务器 npm run dev,浏览器中输入地址:说明前端路由配置正确。但是每次修改之后,我们都需要重新运行npm run dev命令,比较繁琐,那么我们可以使用nodemon工具,来实现代码的实时更新Nodemon的安装命令 npm install -g nodemon进入项目根目录,打开控制台,执行命令 npm install -g node原创 2020-06-18 14:10:42 · 96 阅读 · 0 评论 -
9.创建项目-配置路由文件夹
为了访问各个页面,需要配置路由文件。新建路由文件夹,并创建index.js在index.js文件中编写路由文件,并使用export进行输出在src的app.js中引入routers下的index.js文件删除默认的匹配路径挂在路由运行npm run dev 此时的界面是无法访问主页面的那是因为我们没有配置,我们只配置了访问后台的back页面,此时输入localhost:3000/back/,就能访问到我们刚才配置的页面了...原创 2020-06-18 14:02:04 · 265 阅读 · 0 评论 -
8.创建项目-创建新的模板引擎nunjucks
Nunjucks是火狐开源的模板引擎,官网地址:https://nunjucks.bootcss.com/安装nunjucks模板引擎 终端执行命令 npm install nunjucks –save显示版本号,说明安装成功此时packages.json显示我们希望nunjucks这个模板引擎能够作用到views里面的所有页面,那么我们需要做如下配置。在app.js中引入nunjucks并使用中间件进行配置(配置方法可参阅junjucks官方文档)...原创 2020-06-18 13:58:59 · 120 阅读 · 0 评论 -
7.创建项目-配置根路由文件
在src文件中创建路由配置文件config.js,实现路由跳转在config.js中配置资源的全路径,引入join方法,并输出viewsPath publicPath在src中的app.js中引入 config.jsApp.js中配置公共资源访问路径打印根路径在浏览器中输入localshot:3000,git bush中输出根路径...原创 2020-06-18 13:55:27 · 261 阅读 · 0 评论 -
6.创建项目-建立文件夹
新建public和views文件夹,引入静态资源文件。创建空文件夹public存放公共资源,创建views文件夹存放页面分别在public里面创建空文件夹back和web,存放后端和前端文件将后端管理系统的文件夹入css、js、images等文件夹放入public下的back文件夹内。将后台的页面文件如index.html header.html login.html放入views下的back文件内。同样将前台页面的文件夹如css、js、images等文件夹放入public下的web文件..原创 2020-06-18 13:53:03 · 483 阅读 · 0 评论 -
5.创建项目-上线打包项目
说明:项目核心代码都在项目文件的src中,须将src里的文件进行打包。将核心模块打包(构建成低版本的),压缩等需要通过webpack来做。现在只是通过babel将整个项目的高阶语法转换给低阶语法。在项目中打开终端面板,执行命令 babel src -d dist;意思就是把src中的高阶文件,转换成低阶的,并生成一个dist文件夹。如图此时项目中多了一个dist文件夹,内包含一个转换后的app.js文件以后上线运行的就是dist文件里的内容,如果要运行dist的内容,需要在package.j原创 2020-06-18 13:49:26 · 135 阅读 · 0 评论 -
4.创建项目-babel真的把es6转换为es5了吗?
验证babel把es6语法转换为es5的低阶语法Babel高阶语法转化演示安装babel可视化工具babel-cli 安装命令 npm install -g babel-cli 一般进行全局安装Win + r 进入cmd命令板安装完毕,显示babel-cli版本号,说明安装成功在项目中安装 open in terminal ,执行命令 npm install babel-cli –save-dev 开发依赖显示版本号,说明安装成功开始转换 src/app.js.在education根原创 2020-06-18 13:46:48 · 156 阅读 · 0 评论 -
3.创建项目-使用终端命令
打开文件夹:右击,show in explorer 打开项目所在位置进入项目education打开终端命令启动服务器 npm run dev浏览器运行:项目启动成功原创 2020-06-18 13:43:00 · 193 阅读 · 0 评论 -
2.创建项目-配置babel
为什么一定要配置babel?Node项目对es6的完美支持,因此在项目中要使用es6语法。但目前有些浏览器不支持es6语法,babel可以帮助我们将es6语法转换成es5语法运行。Node支持commonjs的es5的语法规范,不支持es6,我们使用babel转换一下就可以了如果不在项目中配置babel,运行app.js文件会报以下错误报错信息在node.js项目中不使用babel,是不能使用es6等高阶语法借助第三方类库babel,将高阶语法转换成能够运行的低阶语法的配置转换环境,在ed原创 2020-06-18 13:39:30 · 242 阅读 · 0 评论 -
1.创建项目-初始化项目
创建一个空的项目文件夹education创建入口文件app.js打开终端,Open in Terminal;初始化项目 npm init一路回车 Enter ,里面的说明信息后期可以配置,至yes,确认此时的项目结构,已生成package.json文件安装express 让项目跑起来 npm install –save express显示express版本信息,表示express安装成功开始准备启动web服务器,在入口文件app.js引入express,创建服务器对象app配.原创 2020-06-18 13:40:19 · 146 阅读 · 0 评论