guiplan官网

创建项目下载源代码


1.创建element项目

打开guiplan软件点击右上角创建项目,这里选择element框架,vue版本选择vue3因为我们的后台用的vue3进行研发的。本地存储路径,可以随便选择电脑里任意的一个空文件夹即可。因为后续源代码可以直接下载。

2.下载源代码

点击线上导入,点击下载源代码

然后我们等待下载完成即可,注意:这里的源代码包含有插件包,所以不再需要重新install安装了。所以源代码包体积有些大,需要等一段时间。

下载完之后会自动打开文件夹,我们将这个压缩包继续解压到当前目录即可。

注意:这里解压不要包含koajsAdmin2企业文件夹包裹,最好是全选之后直接拖拽到根目录。

也就是这里的bin,dist等文件都需要放到根目录下。不要到另一个文件夹里了。

如下图:

3.修改必要的配置文件

后端的代码存放在servers文件夹中,然后每个人的项目都不一样,所以数据库也不一样,校验方式也不一样,所以必备的配置需要手动修改。这里的.env文件则为后端的配置文件



详细代码如下:

详情请看以下注释

NODE_ENV=dev

SERVER_PORT=8086   // 服务端口号

DB_HOST=localhost  // 数据库地址

DB_NAME=koajsAdmin2// 数据库名称

DB_USER=   // 数据库用户名,无需密码登录可不填写

DB_PASSWORD= // 数据库密码  无需密码登录可不填写

DB_PORT=27017   // 数据库端口号

JWT_SECRET=245509608@qq.com // jwt校验码

JWT_EXPIRE=7d // jwt校验,目前用于登录的过期时间,d为天  7d则表示登录有效期为7天

STATIC_PATH=statics // 服务器静态资源地址

AUTH=HSKAHDJSODURUEE // 加密密钥,不同的项目可设置不同的加密方式

其中DB_NAME是必须要改的,也就是你这项目的数据库名称。

JWT_SECRET 则是加密校验码为了你的项目安全最好也修改掉。

AUTH 加密方式也可以修改掉。

其他配置根据情况修改,比如你的mongodb数据库是需要账号密码的,则填写好账号密码即可。

服务器端口为8086这个一定要注意,这里修改了前端代理端口也要修改,最好不要修改。

进群学习:
请加微信号guiplan
文字