一、 背景1、什么是前后端分离?目前,大家一致认同的前后端分离的例子就是SPA(Single-pageapplication),所有用到的展现数据都是后端通过异步接口(AJAX/JSONP)的方式提供的,前端只管展现。 前端:负责View和Controller层。后端:只负责Model层,业务处理/数据等。  2、为什么要前后端分离?1)沟通成本 目前的开发
在开发和部署Web应用程序时,要确保端口的正确配置是至关重要的。特别是对于使用Linux操作系统和Node.js作为后端的项目来说,正确配置端口可以有效地避免一系列潜在的问题,确保应用程序的顺利运行。 Linux操作系统是一个强大的开源操作系统,广泛用于服务器端的应用程序开发和部署。而Node.js是一个基于Chrome V8引擎的JavaScript运行环境,适用于构建高性能的网络应用程序。在
原创 2024-04-24 11:14:37
40阅读
使用模板    后端逻辑和页面表现分离——前后端分离    模板配置/** * app.js * 应用程序启动文件 */ //加载express模块 var express = require('express'); //加载模板处理模块 var swig = require('swig'); /** * 首页 * req request对象
第一步:先下载nodejs1 网址在此:nodejs下载网址2 等待下载完成,双击安装,一直下一步即可,不用改任何东西。3 安装1 Win+r打开cmd,输入node -v查看是否安装成功,出现版本号代表成功,node -v因为下载node会自带下载npm,输入npm -v查看npm -v 2 然后打开下载的nodejs文件夹,在里面新建2个文件夹node_global 和 node_c
转载 2023-11-29 14:58:29
4阅读
1.安装NodejsNode.js 是一个开源、跨平台的 JavaScript 运行时环境 可以cmd黑窗口命令查看自己的电脑是否安装了nodejs node --version  如果没有可以去官网下载Download | Node.js注意:下载安装时,切记不要安装在中文目录下 安装完成,可也使用命令,查看是否安装成功2.安装NPM如果检查安装
问题:在Windows机器上装了我们的PC端(Electron)应用(TcpServer默认监听20000端口),随后启动应用,发现安卓端登录学生账号后发现无法正常连接pc端(Tcp通信)。系统环境:Win7 64位原因:对nodejs中net.createServer的listen方法认知不全面,导致20000端口被其他应用程序占用,但同时PC端的端口检查更换机制既没有生效,也没有报错。List
在Linux系统中,如果我们需要修改Node.js的端口号,通常我们会使用红帽(Red Hat)发布的操作系统来进行操作。在这篇文章中,我们将探讨如何在Red Hat系统中修改Node.js的端口号。 首先,我们需要打开终端并进入到Node.js的项目目录。然后,我们可以使用文本编辑器(如vim或nano)打开项目中的配置文件。在大多数情况下,Node.js的端口号是在项目的配置文件中指定的。
原创 2024-04-15 14:14:20
70阅读
```mermaid flowchart TD A[开始] B[修改配置文件] C[重启NodeJS] D[完成] A-->B B-->C C-->D ``` 在这个任务中,你需要完成以下步骤来实现“NodeJS 修改MySQL端口”: | 步骤 | 操作 | | --- | --- | | 1 | 打开MySQL配置文件 | | 2 |
原创 2024-05-11 06:08:40
100阅读
首先确保你安装了nodejs,安装教程和利用vue-cli初始化一个项目在这就不娓娓道来了。(这里用vue-cli构建的项目,如果不是,只需要在客户端更换成其他请求数据的方法就好了)我们先来搭建一下服务端吧!1>>在你的项目下新建一个server的文件夹,新建index.js和user.json,一个搭建服务器,一个用来存要返回客户端的json数据、2>> index.js
一、 报错图例如下:template or render function not defined vue 突然报错了,怎么解决 什么错误呢,就是加载不出来,网上看了一通,是vue版本不对,是vue-compile 包安装的不对。可自我感觉不是这个问题,为什么其他相同的组件就能加载出来。。 突然发现
转载 2020-05-13 09:40:00
98阅读
2评论
前言我们在使用VsCode启动Vue项目的时候,我发现:默认的端口号好像和tomcat一样,默认都是8080,如果8080被占用了,就会使用8081,8082这样的方式以此类推。那么,我们是否可以像后端一样,通过修改port属性的方式达到修改运行端口的方式呢?答案肯定是可以的,下面的就分享下是如何做到的:修改配置文件找到vue项目的配置文件:vue.config.js这个东西吧,站在我后端角度理解
前言为了解决传统Web开发模式带来的各种问题,我们进行了许多尝试,但由于前/后端的物理鸿沟,尝试的方案都大同小异。痛定思痛,今天我们重新思考了“前后端”的定义,引入前端同学都熟悉的NodeJS,试图探索一条全新的前后端分离模式。随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用户体验的高要求,我们往往需要针对不同的终端开发定制的版本。为了提
转载 精选 2015-03-26 15:08:22
590阅读
nginx监听网站80端口,而nodejs监听端口是8000,就可以配置nginx反向代理到nodejs的3000端口,同理,也可以配置代理到多个不同的端口,就可以实现 一台服务器同时服务多个域名,并且可以让nginx负责网站的静态资源请求。有效提高网站的吞吐量和性能! 最简单的做法直接修改nginx配置,增加下面配置server { listen 80;
转载 2024-04-03 15:43:34
193阅读
形式来统计相关的信息,界面美观大方,功能全面,是一个难得的前端项目。可以根据需要修改为比如公司疫情防控系统、社区疫情防控系统等等。
原创 2023-06-02 08:29:18
72阅读
前端技术栈:vue2 + vuex + vue-router + webpack + ES6/7 + less + element-ui服务端技术栈:nodejs + express + mongodb¶准备工作1.nodejs下载及安装2.mongodb的下载及安装配置   (其中包含了NoSQL for MongoDB 的使用方式)3.【vue】后台管理项目搭建Demo&n
转载 2023-12-31 17:41:08
51阅读
前端vue+后端spring boot,第一次采用这种分离形式进行开发,最近项目要上线了,需要部署到服务器上,因为自己还是刚刚接触学习这种分离开发的模式,部署的时候遇到了很多问题,最近几天搞这个上线的事情被虐得心态差点崩溃,刚从一个坑里出来立马又被拖进另一个坑,深刻体会到——学海无涯苦作舟,特此记录小结一下,也算是小白踩坑的一个小小纪念吧。下图展示了前端项目和后端项目的基本结构,接下来就是如何编译
转载 2024-03-07 17:11:01
561阅读
VUE构建前后端分离的前端项目(超详细)1.使用vue-cli创建项目 2.使用elementUI组件编写页面 3.使用axios与后台交互 4.使用webpack构建工具打包 5.部署到Tomcat1.技术背景前后端分离的优势:分工明确,提高工作效率,前端主要关注页面、用户体验,后端主要关注业务、安全。性能提升,前端通过路由配置实现按需加载,后端无需解析前端页面。前后端同时开发,提升开发效率。发
文章目录1、前端vue的搭建2、后端项目的构建pom文件中引入的jar包yml文件用来配置连接数据库和端口的设置application.property进行一些整合controller层(这里返回给前端的数据用json)service层imp层mapper实体类额外写一个类、解决跨域问题3、测试1、前端vue的搭建建立项目的过程略 开启一个建立好的vue项目用npm run dev 关闭一个vue
转载 2023-12-15 14:27:10
159阅读
1.https://nodejs.org/en/ 下载最新版nodejs 2.安装好后win+R输入
转载 2019-07-05 15:45:00
117阅读
2评论
# 如何使用 Node.js、Vue 和 MySQL 开发一个全栈应用 在当今的技术栈中,Node.js、Vue.js 和 MySQL 是构建全栈应用程序的热门选择。本文将为你详细介绍如何将这三者结合在一起,从零开始构建一个简单的全栈应用。 ## 1. 开发流程概述 在开始之前,让我们先概览一下整个开发流程。以下是一个步骤表格: | 步骤 | 描述
原创 7月前
45阅读
  • 1
  • 2
  • 3
  • 4
  • 5