基于服务器端开发模式

在public,views文件夹中引入静态资源

  1. views

  2. public

配置新的模板引擎

  1. 概念:nunjucks—火狐开源

  2. 删除ejs配置nunjucks
    npm uninstall --save ejs
    npm install nunjucks --save

  3. 页面操作
    app.js

    let nunjucks = require('nunjucks');
    nunjucks.configure(config.viewPath, {autoescape: true,express: app,noCache: true
    });
    

    ① nunjucks模板引擎没有对模板文件名的后缀做特定限制
    ② 如果文件名是a.html 则渲染是就需要传递 a.html

配置全局路由

  1. 在routes文件夹下,分别新建web.js、back.js文件夹,配置前后端路由

  2. 在js文件中,分别配置前后端路由

  3. 在app.js中,配置静态资源文件夹

    // 配置静态资源文件夹
    app.use(express.static(path.join(__dirname, 'public')));
    app.use(express.static(path.join(__dirname, 'public/web')));
    

  4. 在app.js中引入路由中间件,并使用路由中间件

  5. 即可访问

基于前后端分离开发模式

  1. web界面单独react(vue等)项目
  2. back界面单独项目
  3. 后端仅仅提供接口
  4. 分别部署

实战:基于服务端开发和前后端分离开发区别相关推荐

  1. 微服务背景下的前后端分离

    Web前后端分离 前后端开发模式已经成为一种"政治正确"了.当然,这种模式的确是分工明确.开发高效的.同时,与前后端分离开发模式相对应的,实际是FULL STACK--全栈开发模式 ...

  2. 014-Axios Ajax:前后端分离概述,发送json类型的参数,前后端分离开发:在线接口文档,前端工程化、Element、nginx

    第一节 Ajax概述 1.概述 概念: Asynchronous JavaScript And XML,异步的JavaScript和XML. 作用: 数据交换:通过Ajax可以给服务器发送请求,并获取 ...

  3. 基于Vue+nodejs实现的前后端分离疫情防控系统

    作者主页:编程指南针 简介:Java领域优质创作者.CSDN博客专家  Java项目.简历模板.学习资料.面试题库.技术互助 文末获取源码 本项目主要实现校园/公司/各类组织疫情防控管理,个人健康上报 ...

  4. 《Vue+Spring Boot前后端分离开发实战》专著累计发行上万册

                杰哥的学术专著<Vue+Spring Boot前后端分离开发实战>由清华大学出版社于2021年3月首次出版发行,虽受疫情影响但热度不减,受到业界读者的热捧,截至今日 ...

  5. 视频教程-SpringBoot2+Vue+AntV前后端分离开发项目实战-Java

    SpringBoot2+Vue+AntV前后端分离开发项目实战 10多年互联网一线实战经验,现就职于大型知名互联网企业,架构师, 有丰富实战经验和企业面试经验:曾就职于某上市培训机构数年,独特的培训思 ...

  6. 视频教程-SpringBoot实战教程:SpringBoot入门及前后端分离项目开发-Java

    SpringBoot实战教程:SpringBoot入门及前后端分离项目开发 十三,CSDN达人课课程作者,CSDN 博客作者,现就职于某网络科技公司任职高级 Java 开发工程师,13blog.sit ...

  7. 安居客住房系统-基于Python-Django前后端分离开发(一)——初始化项目及ORM关系映射

    "安居客"住房系统-基于Python-Django前后端分离开发 作者:代昌松 项目详情代码请参加我的代码仓库:https://gitee.com/dcstempt_ping/iz ...

  8. “安居客“住房系统-基于Python-Django前后端分离开发(二)——基于RESTful架构的数据接口配置以及Redis高速缓存

    "安居客"住房系统-基于Python-Django前后端分离开发(二) 基于Django-Rest-Framework创建接口数据(二) 文章目录 "安居客"住 ...

  9. 游戏交流社区BBS论坛APP客户端和网页服务端设计 毕业论文+前后端源码及数据库文件

    下载地址:https://download.csdn.net/download/m0_63680064/36065411 项目介绍: 游戏交流社区BBS论坛APP客户端和网页服务端设计 毕业论文+前后 ...

  10. SpringCloud微服务前后端分离开发中出现的弱智问题之(不支持当前请求方法)

    SpringCloud微服务前后端分离开发中出现的弱智问题之(不支持当前请求方法) 问题背景 问题解决 为什么说这是一个弱智问题,因为这多是编写代码不仔细造成的. 问题背景 当当后台API发布的接口与 ...

最新文章

  1. 1-2 postman工具简介
  2. 福建农林大学朱方捷组招聘讲师/副教授/助理——生信分析方向
  3. 华中科技大学计算机上机,华中科技大学计算机学院上机复试题目.doc
  4. Linux jdk配置
  5. 那些在家啃书自学的人,最后都找到工作了吗?
  6. svn: Can't find a temporary directory 问题解决
  7. 斯坦福机器学习课程 Exercise 习题三
  8. excel中去掉换行符的快捷键
  9. mysql函数第一次返回字符串_Mysql字符串处理函数详细介绍、总结
  10. Java语法基础学习DayNineteen(反射机制)
  11. DEA各种模型原理及stata代码实现
  12. HBuilderX运行微信小程序启动失败
  13. 去掉桌面鼠标右键英特尔R显卡设置的方法
  14. QT编译出错解决 libQtCore.so: undefined reference to `QInotifyFileSystemWatcherEngine::create()'
  15. canvas下雪效果(原生js)
  16. 打字训练 my father1
  17. 达梦数据库的替代(instead of )触发器使用一例
  18. mysql常用的tamper脚本,tampermonkey 实用脚本
  19. VS2010设计rdlc报表时找不到“报表数据”选项卡的解决方法
  20. 《信息物理融合系统(CPS)设计、建模与仿真——基于 Ptolemy II 平台》——3.2 动态数据流...

热门文章

  1. 6.docker images
  2. 6.Swoole WebSocket
  3. 44.mysqlbinlog
  4. 24.Yii 组件行为
  5. 17. 促销,市场营销和内容页
  6. 1. WordPress 安装
  7. [2019杭电多校第一场][hdu6579]Operation(线性基)
  8. 数据结构学习笔记(二) 线性表的顺序存储和链式存储
  9. MySQL 主从同步
  10. lr并发量和迭代的区别