将使用node(express)搭建后端,使用vue作为前端,mysql作为数据库,从0到1的搭建一整个项目。本文目的是前后端数据交互,并对数据库进行常规的增删改查等操作。 通过这篇文章可以极其快速的了解前后端的操作,从而对全栈开发有所帮助。 1.数据库搭建 1.1 安装数据库操作软件 我们是用可视化的软件来操作数据库,所以去下载...
首先在电脑上创建一个文件夹用来放vue项目cd 文件夹路径输入vue create 项目名字这还可以使用vue init webpack 项目名创建项目,我这用的是vue create 项目名字,用vue init webpack项目名创建的参考这个链接会弹出下面窗口,借大神的图一用,我忘截图了~~~ default这行代表自动配置,下面的代表手动配置,这里使用向下方...
第一步:项目搭建之前首先需要安装node环境和MySQL数据库。 在已经完成上述的条件下开始进行以下操作: npm install @vue/cli -g (-g 代表全局安装) 初始化项目 vue create projectName (项目名) (检测是否安装成功过程省略) 剩下的配置根据自己需要来选择 第二步:在项目的根目录下新建一个用来放置后端的目录 a...
import { createApp } from 'vue' import App from './App.vue' import './common/base.css'; import * as elementIcons from '@element-plus/icons-vue'; import router from './router/index'; const app = createApp(App); for (let iconName in elementIcons) { app.component(iconName, element...
在已经创建好的vue项目中执行以下步骤 1、下载安装需要的插件 下载express npm install express 下载cors,用于处理接口跨域问题 npm install cors 下载mysql npm install mysql 下载axios npm install axios 2.在项目中创建server文件夹,用于搭建本地服务器
找到根目录下的www -> wwwroot 在这里创建一个文件夹,将你vue项目打包后的dist文件夹里面的东西放进去,注意:这里的wwwroot目录下的文件夹里的东西就是你项目的入口,所以你需要将dist文件夹里面的东西放在这个文件夹中,像我这样。 4.2 下载nginx并修改配置文件 ...
前两个月一直学习vue,node.js,但没有真正地动手做项目,恰好赶上公司要求我们做一个的登录注册的独立运行系统,趁着这个机会学习巩固下自己之前学的内容。前端使用 vue,后端用 Express 做服务端提供数据接口,数据库用 MySql。 实现对数据库的增改查操作。
高质量商业级小程序全栈项目实战 项目架构设计: 在开始项目之前,仔细设计项目的架构。合理划分前端、后端和数据库的职责,确定数据流动和接口设计。可以选择使用MVC、MVVM或微服务架构等来组织代码和数据结构,以便提高可维护性和扩展性。 前端开发技巧: 在前端开发过程中,可以采用现代化的前端框架如Vue.js或React.js,来...
由于我的网站前端是vue框架,后端用的是node.js ,数据库用的是MySQL.所以还需要再服务器安装node 和MySQL。 1.在服务器部署安装node.js 环境 首先在服务器安装node.js,一开始我根据这个操作的 部署Node.js环境(CentOS 7)help.aliyun.com/document_detail/50775.html ...
mysql: { host: 'localhost', user: 'root', password: 'root', database: 'user', port: '3306' } } 该项目我把所有sql语句单独抽取出来放在sql.js文件里面: // sql语句 var sql = { // 用户 user: { login: 'select * from admin_user where userName = ? and passWord = ?', ...