nodejs前端+后端

本文介绍了如何使用Node.js的Express框架构建RESTful API,结合MySQL进行数据库存储,并利用Vue.js进行前端展示。教程涵盖MySQL的安装、Node.js与Express的设置、数据库连接以及Vue.js的特性,包括nuxt.js、mpvue和nui-app的应用。
使用express做RESTful api接服务器,mysql做数据库存储,vue做前端展示。
1、mysql安装(也可用MongoDB:https://www.mongodb.com/download-center#community)

官网:https://www.mysql.com/

2、安装node:http://nodejs.cn/ 后可直接用express-generator脚手架搭建node后台项目,修改相关配置以符合项目需求
npm install express-generator -g
express -e myapp

可用pm2在Linux上部署

3、node连接mysql
cnpm i mysql --save
const mysql = require('mysql');
function connectFn (sql,cb){
    let config = {
        host: 'localhost',
        user: 'root',
        password: 'root',
        database: 'test'
        port: 3306
    }
    let connection = mysql.createConnection(config);
    connection.connect();
    connection.query(sql, cb)
    connection.end();
}
module.exports = connectFn;

npm官网有mysql连接教程:https://www.npmjs.com/package/mysql
同时可下载数据库可视化工具Navicat管理数据库:https://www.navicat.com.cn/
接下来就是对数据库的操作语句了,可自行学习mysql相关操作语句,
mysql入门教程:http://www.runoob.com/mysql/mysql-tutorial.html

4、至于前端vue,入门简单,生态发展迅速,nuxtjs优化了单页面seo的缺点,mpvue赋予了vue编辑微信小程序的能力,nui-app更赋予了vue在Android、iOS、H5、小程序四端通吃的能力(vue3.0又将问世…)
npm i vue-cli -g
vue init webpack myapp

可结合axios+ui框架(后台管理端有:elementUI、iviewUI等,移动端有:vantUI、mintUI、vuexUI等)按需搭建项目

全栈攻城狮@lzccheng

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值