打开guiplan软件点击右上角创建项目,这里选择element框架,vue版本选择vue3因为我们的后台用的vue3进行研发的。本地存储路径,可以随便选择电脑里任意的一个空文件夹即可。因为后续源代码可以直接下载。
点击线上导入,点击下载源代码
然后我们等待下载完成即可,注意:这里的源代码包含有插件包,所以不再需要重新install安装了。所以源代码包体积有些大,需要等一段时间。
下载完之后会自动打开文件夹,我们将这个压缩包继续解压到当前目录即可。
注意:这里解压不要包含koajsAdmin2企业文件夹包裹,最好是全选之后直接拖拽到根目录。
也就是这里的bin,dist等文件都需要放到根目录下。不要到另一个文件夹里了。
如下图:
后端的代码存放在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这个一定要注意,这里修改了前端代理端口也要修改,最好不要修改。