react 项目--博客系统 (三)---客户端环境搭建 及 mysql数据库搭建

news/2024/7/15 18:31:47 标签: react.js, 前端, reactjs

Loading....

接着上篇博客的基础上,我们在 backend 目录下的终端安装环境变量的包 npm i dotenv ;

(作用:将环境变量抽离,将配置的环境变量独立化。)

例如:

在 backend 目录下创建 .env 文件并书写,再在 app.js 中引用

 

在终端安装开发工具 npm install nodemon --save-dev ;

安装完成后就可在终端中用 nodemon app.js 启动服务

 服务端环境搭建完毕,开始搭建数据库端环境;

数据库安装,先点击下面网站进去安装数据库5.7版本

MySQL :: Download MySQL Installerhttps://dev.mysql.com/downloads/windows/installer/5.7.html

下载完毕后点击打开进行安装,选择自定义安装

 一路next 设置密码为 123456

 之后一路 next ,即可安装完毕。

验证数据库是否安装完成,打开 cmd 输入 mysql -u root -p 进行查看

 

未完待续......

详细代码:

app.js :

require('dotenv')

const express=require('express')

const app=express()

const PORT =process.env.PORT ||8080

app.listen(PORT,()=>{
    console.log(`running http://localhost:${PORT}`);
})

.env :

# server
HOST = localhost
PORT = 8000


http://www.niftyadmin.cn/n/640923.html

相关文章

vue瀑布流组件vue-waterfall-easy 2

jquer有个瀑布流插件Masonry,可以说是相当的好用,但是他是在操作dom的基础上,在vue里面就不怎么实用了,在vue中,我们可以使用vue-waterfall-easy组件,看名字就可以确定,这个使用起来相当的easy啊…

redux学习笔记—— redux-react的使用

6. redux-react的使用 React-Redux 将所有组件分成两大类:UI 组件和容器组件。 UI 组件有以下几个特征: 只负责 UI 的呈现,不带有任何业务逻辑没有状态(即不使用this.state这个变量)所有数据都由参数(this.props&…

react 项目--博客系统 (四)

Loading...... 接上篇文章继续,安装完数据库后开始创建数据库; 在cmd命令中输入 mysql -u root -p 打开数据库(如打不开显示错误,则需手动添加环境变量,步骤:将数据库文件夹内的 bin 文件的路径添加到系统…

VirtualBox安装增强功能Centos6

2019独角兽企业重金招聘Python工程师标准>>> 需要先装好的软件: yun install gcc yun install gcc-c yun install make yum install kernel kernel-devel yum install kernel-headers 转载于:https://my.oschina.net/u/3773235/blog/2245919

引用类型

引用类型的特征: 必须在托管堆中为引用类型变量分配内存。必须使用new关键字来创建引用类型对象。在托管堆中分配的每个对象都有与之相关联的附加成员,这些成员必须被初始化。引用类型变量时由垃圾回收机制来管理的。多个引用类型变量可以引用同一对象&a…

react 项目--博客系统 (五)

Loading...... 接着上文,创建完数据库后,需要一个包进行服务端与数据库的连接 ( 称为 Server 通过 ORM 连接数据库); 我们在服务器的终端输入 npm i sequelize mysql2 安装两个包用来服务端与数据库建立连接; 在客户端的 app.j…

在PowerPoint2007中自定义专用幻灯片版式

PowerPoint2007之前的版本所提供的幻灯片版式是不允许用户自行定义的,现在PowerPoint2007已经可以让您随心所欲的自定义专用的幻灯片版式了。若要添加新的自定义幻灯片版式,必须先切换到幻灯片母版视图,添加一个新的幻灯片版式后,…

Devexpress VCL Build v2012 vol 1.3 发布

呵呵,devexpress 里面现在也可以贴瓷砖了。 Whats New in DevExpress VCL 12.1.3 Release Notes To learn about major improvements introduced in this version, please check the following page: Whats New in DevExpress VCL 12.1 To learn about breaking cha…