先说明一下缘由,因为自己前段时间在实习,实习期间为了参与项目开发,粗略学习了下Vue、Vuex、Vue-Router,大致会一些基础的。这里也快要做毕业设计了,趁着放假回来的这两天,学习下Node的相关知识,最主要的是学习了Express这个基于Node的web框架,我自己本身选的毕设题目也是有关Node的,自然而然地想去用Vue和Express来做一个前后端分离的项目,也算是为毕业设计做准备了。
转载
2024-10-12 08:44:08
41阅读
可怕的启动时间 公司的产品是一个比较大的后台管理系统,而且使用的是webpack3的vue模板项目,单次项目启动时间达到了70s左右启动个项目都够吃一碗豆腐脑了,可是没有豆腐脑怎么办,那就优化启动时间吧!考虑到升级webpack版本的风险还是比较大的,出了一点问题都得找我,想想还是先别冒险,稳妥为主,所以我选择了通过插件来优化构建时间。通过查阅资料,提升webpack的构建时间有以下几个方向:多进
Express是一个简洁而灵活的node.js Web应用框架,提供了一系列强大特性帮助你创建各种Web应用和丰富的HTTP工具。使用Express可以快速地搭建一个完整功能的网站。Express框架核心特性:可以设置中间件来响应HTTP请求定义了路由表用于执行不同的HTTP请求动作可以通过向模板传递参数来动态渲染HTML页面1、Express的安装安装Express并将其保存到依赖列表中npm
Node.js安装和修改缓存镜像位置1、下载node.js 下载完成后运行下载文件。 一路next就行,到安装目录根据自己的安装位置进行修改,剩下的继续下一步就好。2、修改缓存位置nodejs的默认文件夹是在C:\Users\用户名\AppData\Roaming\npm 在你的安装目录下创建两个文件夹node_cache node_global。 在管理员命令窗口运行一下代码: 这里的目录是你的
npm install -g express-generator express projectName cd projectName npm install 手动添加文件夹config、models、utils、service public文件夹存放静态文件 app.js页面内容项目入口引入express框架,创建个服务器,并监听端口用什么模块引什么模块 &nbs
转载
2024-10-31 16:44:27
45阅读
使用Express部署Vue项目 文章目录使用Express部署Vue项目1. 背景2. 配置Vue CLI2.1. 安装Node.js2.2. 安装Vue CLI2.3. 创建Vue项目2.4. 构建Vue项目3. 配置Express3.1. 安装Express3.2. 创建项目4. 使用Express部署Vue项目 1. 背景我们想要做一个前后端分离的课程项目,前端框架准备使用Vue.js,并
转载
2024-05-09 23:35:31
491阅读
建议先阅读官方指南——Vue.js 服务器端渲染指南,再回到本文开始阅读。本文将分成以下两部分:简述 Vue SSR 过程从零开始搭建 SSR 项目好了,下面开始正文。简述 Vue SSR 过程客户端渲染过程访问客户端渲染的网站。服务器返回一个包含了引入资源语句和 <div id="app"></div> 的 HTML 文件。客户端通过 HTTP 向服务器请求资源,当必要的
这篇文章将讲解了如何快速利用express新建项目
如何利用express新建项目(上)摘要这篇文章将讲解了如何快速利用express新建项目一.express4.x的安装1. npm install -g express
2. npm install -g express-generator或者npm install -g express-genera
转载
2024-02-09 11:38:42
103阅读
创建Vue实例时,使用 new Vue ({//配置项}) 或者 组件定义中 export default {//配置项},所有的Vue组件都是Vue实例,并且接受相同的选项对象(一些根实例特有的选项除外)如:new Vue({
//选项配置el: '#app',
components: { App },
template: '<App/>'
})
转载
2024-04-12 05:51:31
16阅读
一、渲染一. 服务器渲染特性:把服务端的数据和页面结合完毕之后,给客户端返回整个页面(没有ajax) 服务器渲染使用引擎模板art-template或者ejs。1.art-template模板1.引入安装好的art-templateconst artTemplate=require('art-template')2.把数据和模板结合//2 数据与模板结合,两个参数分别为页面绝对路径和数据对象
转载
2024-06-27 20:28:53
205阅读
npm init -y初始化包管理npm i express -S 安装express 创建app.js const express =require('express') const app = express() app.use(express.static('./dist')) app.lis ...
转载
2021-08-13 17:35:00
158阅读
2评论
这篇文章主要是对博客的一些逻辑呀样式呀还有跳转等问题进行修改。样式问题样式问题比较简单,主要都是input和textarea都会存在一个默认的选中框,以及router-link会存在默认下划线等。我的收藏收藏这个部分有点儿麻烦,主要是因为我点击收藏一次就要去修改一次数据库吗? 但是想链接那样先修改,点击保存后再保存到数据库的话,用户就要因为收藏多点击一次save按钮,还是很繁琐的。 思来想去我
转载
2024-10-29 09:54:48
28阅读
搞了一个个人博客,想要发布到腾讯云。由于之前从未接触过linux相关知识,所以在查了各种资料,挖了各种坑,重置了N次系统后终于将个人博客上线了。随手记录下正确的完整过程和维护常用的代码,希望对大家有所帮助 一、购买服务器与域名 这里我使用的是腾讯云轻量应用服务器,CentOS 7.6镜像,使用pm2+nginx部署项目。其他不多说,买就完事了,买完就能看到你的服务器了
最近这两天有点闲,通过自研学习了如何使用express框架搭建后台以及vue框架开发前端。express框架是用来搭建web服务,是nodejs的二次封装。vue就是前端框架。那么可以通过搭建express框架用来写接口,vue框架写页面用来调用接口,形成全栈的开发。 1、搭建express过程 使用 express的脚手架快速搭建:express-generator首先安装express 和ex
转载
2024-04-18 13:40:34
520阅读
该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流 项目运行环境配置:Node.js+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue+Express。项目技术:Express框架 + Node.js+ Vue 等等组成,B/S模式 +Vscode管理+前后端分离等等。环境需要1.运行环境:最好是Nodejs最新版,我们在这个
转载
2024-02-23 11:22:55
24阅读
技术 Express、Vue、Vue-Router、Vue-Resource、Webpack Vue vue 的组件化思想和 React 很像,一个 vue 组件将 html
原创
2022-04-06 10:49:48
211阅读
前端vue 使用js生成助记码开发页面用的是vue框架,需要根据键盘输入事件生称助记码,网上看了好多,都不适合我(可能我没找对地方)就自己参考着改了一版出来,下面说说思路: 1、首先要先监听键盘输入事件,这里vue有个坑,直接οnkeyup="inputPY(editForm.dyname)或者@keyup="inputPY(editForm.dyname)不能用 坑了我好久,正确写法@keyup
转载
2024-09-29 00:36:55
180阅读
前言React 、 Webpack 等技术如火如荼,你是不是还在愁苦如何把这些杂乱的知识统统学习一下,开启一段新的前端开发之路呢?本文将以一个例子来讲解如何使用 React 、 Webpack 、Nodejs 、 Express 1. 安装及配置环境 1.1 安装Node.js与NPMNode.js&nbs
转载
2024-07-24 17:18:01
202阅读
安装 node 和 Express 4node官网:http://nodejs.org/Express Github:https://github.com/expressjs/express到 node官网 下载并安装 node 之后,打开命令行工具,执行下面命令安装 Express: npm install -g express-generator@4 安装完成之后,我们进入到我
转载
2024-06-27 22:08:23
160阅读
test command: node index.jsgit-版本管理keywords: node express 模块包author: 闫凤婷license: (ISC)-许可证 MIT(商业收费)2.回顾以前的js知识$.post(),$.get(),$.ajax()xmlhttprequest() 用于在后台与服务器交换数据。总结:手动创建node项目:1.使用npm init命令创建pac
转载
2024-07-24 14:18:52
40阅读