用的node做的后台,数据库为mysql,数据交互和页面渲染用的vue,项目目录图:话不多说,首
原创 2022-11-30 15:04:13
324阅读
前言我本身是做Java后端开发比较多,一直想独立开发一套完整前端和后端技术结合的项目来提升自己的技术水平,近期实习工作需要,打算利用Vue.js和Spring Boot技术栈来开发一下相关的项目,等开发完成把自己平时遇到的技术分享出来。由于对前端技术不是太了解,所以想从零开始把开发的整个过程记录下来,第一篇文章就先把前端环境搭建起来再弄后面的。安装node.js1.进入Node.js官网:http
1.安装NodejsNode.js 是一个开源、跨平台的 JavaScript 运行时环境 可以cmd黑窗口命令查看自己的电脑是否安装了nodejs node --version  如果没有可以去官网下载Download | Node.js注意:下载安装时,切记不要安装在中文目录下 安装完成,可也使用命令,查看是否安装成功2.安装NPM如果检查安装
前端技术栈: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阅读
(文件上传multer)项目github地址1、工程结构  2、路由控制 :Express封装了的很多方法路由句柄(路由中间件):  next('route') 响应方法:  res.render:渲染视图模板   res.redirect:重定向请求 3、模板引擎(ejs)  app.engine()方法  之前先看看express应用的安装
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阅读
在Kubernetes环境中部署Vue项目其实并不复杂,只要按照一定的步骤来进行设置就可以轻松实现。下面我将详细介绍如何使用Node.js部署Vue项目到Kubernetes集群中。 首先,让我们来看一下整个部署过程的步骤: | 步骤 | 操作 | | ---- | ---- | | 步骤一:创建Vue项目 | 在本地使用Vue CLI创建一个Vue项目 | | 步骤二:构建Vue项目 | 使
原创 2024-05-22 11:12:53
97阅读
@[TOC] nodeJS express 创建服务器,并对mysql数据库进行操作 (个人学习笔记)一、初始化1、创建项目1.1 创建文件夹,并进行初始化包管理文件npm init -y1.2 安装expressnpm i express@4.17.11.3 在根目录文件中创建app.js文件作为整个项目的入口文件// 导入express const express = require('exp
⭐ 作者简介:码上言 文章目录项目部署视频前言一、安装JDK 1.8二、安装IntelliJ IDEA三、构建后端项目 前言从教程的这一篇开始,我们就开始正式的进入到实战项目的开发。 首先要搞清楚我们的项目的总体结构是什么,后端采用的是Java、管理平台采用的是Vue搭建,后期可能还会有移动端采用uni-app实现。采用前后端分离开发,这也是大多数企业使用的开发方式前后端分离,也就是说,我们使用
 这个是前端的页面的总体的概貌,包括了查询条件,数据列表,数据如输入(修改)和各种操作按钮,下面我们分析这个页面的实现方式。数据处理页面RuoYi系统生成的代码中,前端代码vue中是分为两个文件夹,分别是api和views。然后我们分别将这两部分代码复制到ruoyi-ui的src目录中。其中,api目录是同后端的数据交互。我们进入api的student目录,右键用sublime Text
昨日内容回顾1. 页面的布局 Vue中使用Bootstrap搭页面 1. 安装 1. npm install bootstrap@3.3.7 -S 2. 使用 1. import 'bootstrap/dist/css/bootstrap.min.css' 2. 组件的使用 1. 组件的定义 1. 新建一个x
转载 7月前
31阅读
首先vue.js 是库,不是框架,不是框架,不是框架。Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。vue.js 下载过来直接在html中引入就好了并不一定要npm install vue.vue.js 有路由的 叫vue-route.js,vu
按住win+R,输入cmd,回车进入cmd窗口,输入node -v,看到node的坂本了:7.输入npm -v,可以看到npm的版本(npm是node自带的,用来.
原创 2022-08-12 10:34:17
138阅读
__dirname is a NodeJS variable, in recent electron versions, node integration is disabled by default. When opening your BrowserWindow, you should add
原创 2022-07-07 11:03:39
81阅读
# Vue搭建Node.js连接Redis的全流程指南 在本篇文章中,我们将学习如何使用Vue.js搭建一个前端应用,并通过Node.js连接Redis数据库。我们将分解整个过程,并逐步进行讲解。 ## 1. 整体流程概述 首先,我们来看看整个流程的步骤。下表展示了实现此目标的主要步骤: | 步骤 | 描述 | | -
原创 9月前
112阅读
使用nodejs编译vue项目。
原创 2022-07-25 09:02:49
763阅读
文章目录说明环境创建项目配置源运行项目端口修改总结 说明node.js开发环境已经安装,开始创建vue项目,实现后台项目。环境node 版本 node -v vue版本vue -V webspace 选no,不安装客户端,这里只看有无该库。创建项目cd 到要创建项目的目录,打开cmd窗口,这里是D:\web-workspace\2021,创建项目vue init webspace 项目名,不能用
准备工作:1.前端代码编辑器(Hbuilder)2.后端代码编辑器(eclispe)3.由江老师提供的后端接口代码demo一、后端接口的创建1.拷贝demo并重命名为20200327 2.右击src文件夹→new→package→urlDemo(起名)→Finish 3.右击urlDemo文件→new→class→PageData(起名)→Finish 4.点击PageData文件→编写代码→pa
转载 2023-08-06 14:21:04
66阅读
Vue 开发环境搭建总结:目录:1. 理清 Node.js、Vue、VSCode 间的关系; 2. 安装 Node.js ; 3. 创建第一个 Vue 项目; 4. 安装并使用 VSCode ;1. 理清 Node.js、Vue、VSCode 间的关系对于这三者之间的关系,我们可以举 JRE(Java运行时环境)、Java、IDEA(Java语言常用的集成开发工具) 这个例子来理解; 首先呢,凡是
转载 2023-09-27 06:02:44
61阅读
  • 1
  • 2
  • 3
  • 4
  • 5