【进阶篇】koa+Mysql的全栈之旅

·  阅读 2155
【进阶篇】koa+Mysql的全栈之旅

背景

 继续上一篇【easy篇】前端到全栈从这里开始完成对云服务器的初步了解,以及nginx的配置,接下来是MySQL安装,建表操作以及使用Node.js框架Koa进行简单的数据增删改查功能。过程比较长,但是按照下面步骤来就比较轻松了。
 图片不见了。。。


MySQL安装

 登录云服务器,进入linux控制台,安装执行以下命令行即可

  //1.下载安装
  wget http://repo.mysql.com/mysql-community-release-el7-5.noarch.rpm
  rpm -ivh mysql-community-release-el7-5.noarch.rpm
  yum update
  yum install mysql-server
  //2. 权限设置
  chown mysql:mysql -R /var/lib/mysql
  //3.初始化
  mysqld --initialize
  //4.启动
  systemctl start mysqld
  //5.查看 MySQL 运行状态
   systemctl status mysqld
复制代码
 图片不见了。。。

Mysql安装后需要做的

 Mysql安装成功后,默认的root用户密码为空,你可以使用以下命令来创建root用户的密码

[root@host]# mysqladmin -u root password "new_password";
//连接到Mysql服务器
[root@host]# mysql -u root -p
Enter password:
//登录
mysql -u root -p
//后面输入密码,输入 exit 或 quit 退出登录
复制代码

可能遇见的问题

//这是因为root没有权限,可以将root改为ip也可以设置一下 mysql -u 175.23.23.23 -p
[root@VM-0-5-centos bin]# mysql -u root -p
Enter password: 
ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES)
复制代码

解决办法:找到my.conf文件,使用vim my.conf编辑文件(路径:etc/my.cnf)。在任意一行加入skip-grant-tables,然后修改密码,再使用命令行service mysqld restart重启mySQL。记得skip-grant-tables成功之后要删掉。


构建数据库

 现在需要对一个列表进行增删改查,假设有一个blog系统,对blog的列表进行操作。数据库的表结构如下:

idtitlecontentimgauthorlikeNumcreatedAtupdatedAt
1文章标题内容封面图作者点赞数创建时间更新时间
// 安装上步骤进入云服务控制台,然后登录你的MYSQL
//1. 创建数据库 test (所有命令行以分号结束)
CREATE DATABASE test;
//2. 创建blog表
DROP TABLE IF EXISTS `blog`;
CREATE TABLE `blog` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` varchar(255) DEFAULT NULL,
  `content` text,
  `img` varchar(255) DEFAULT NULL,
  `author` varchar(255) DEFAULT NULL,
  `likeNum` varchar(255) DEFAULT '0',
  `createdAt` datetime DEFAULT NULL,
  `updatedAt` datetime DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=latin1;
复制代码

可以执行下面命令行查看表情况

到这里数据库这边算是弄完了
 图片不见了。。。

以上都是命令行操作数据库,当然还有很多的图形界面工具可以用,比如navicat premium,这个可以自行去搜索


使用koa编写服务端应用程序

Koa 是一个新的 web 框架,由 Express 幕后的原班人马打造, 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。 通过利用 async 函数Koa 帮你丢弃回调函数,并有力地增强错误处理。

  1. 初始化koa项目
//找一个空文件夹
npm init //一路 回车
npm i koa
//新建一个 app.js 内容如下
const Koa = require('koa')
const app = new Koa()

app.use(async (ctx) => {
 ctx.body = 'Hello World'
})

app.listen(3000)
//运行起来
node app.js
复制代码
 图片不见了。。。
  1. 增删改查API
    • 安装插件
    npm i koa-bodyparser sequelize koa-router moment mysql2 --save
    复制代码
    • 数据库配置(新建utils文件夹下sequelize.js
    const Sequelize = require('sequelize')
    // 传入参数 数据库名,用户名,密码
    const sequelize = new Sequelize('test', 'root', 'password', {
      host: '111.111.111.111', //数据库IP地址
      dialect: 'mysql',
      operatorsAliases: false,
      pool: {
        max: 5,
        min: 0,
        acquire: 30000,
        idle: 10000
      }
    })
    sequelize
      .authenticate()
      .then(() => {
        console.log('MYSQL 连接成功......')
      })
      .catch(err => {
        console.error('链接失败:', err)
      })
    // 根据模型自动创建表
    sequelize.sync()
    module.exports = sequelize
    复制代码
    • router
      //router
      const nginxApi = '/api'
      const router = require('koa-router')()
      //blog
      const Blog = require('../controller/blog')
      router.get(`${nginxApi}/blog/list`, Blog.list)
      router.post(`${nginxApi}/blog/create`, Blog.create)
      router.post(`${nginxApi}/blog/destroy`, Blog.destroy)
      router.get(`${nginxApi}/blog/details`, Blog.details)
      router.post(`${nginxApi}/blog/update`, Blog.update)
      //404
      router.get('/404', async (ctx, next) => {
        ctx.body = 'Page Not Found'
        context.status = 404
        await next()
      })
      //导出
      module.exports = router
    
    复制代码
    • controller

看一下效果

先创建一条数据
 图片不见了。。。

然后查询一下

 图片不见了。。。

部署服务器代码

 先将代码放入服务器中,并且配置nginx,方法在上一篇【easy篇】前端到全栈从这里开始可以了解。

//nginx增加配置
 location /api {
    proxy_pass http://127.0.0.1:8989;
 }
复制代码
//安装forever
npm install forever -g   #安装
forever start app.js  #启动应用
forever stop app.js  #关闭应用
forever restartall  #重启所有应用
复制代码

最后

这里大概就简单的服务器就走通了
附上代码地址https://gitee.com/wisdom_QQ/koa
记得点赞!!!!!!!!!!!
记得点赞!!!!!!!!!!!
 图片不见了。。。

分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改