一、准备
1、官方网站:官方下载网站
2、下载包地址:likeadmin(Python版)
3、服务端环境:

我使用小皮下载的Mysql和redis

4、pycharm安装
5、nodejs环境安装
6、参考资料:
二、部署安装
1、解压源码包

官方目录解释
├─📂 server //服务端根目录(管理后台、接口)
│
├─📂 admin //管理后台前端源码
│ ├─📂 router //路由文件夹
│ ├─📄 .env.development.example //开发环境接口地址配置文件模板
│ ├─📄 .env.production.example //生产环境接口地址配置文件模板
2、使用开发工具打开项目

2.1配置python解释器(使用虚拟环境添加,防止和其他项目环境冲突)

重新打开终端,前面显示虚拟目录则表示成功

3、创建数据库、启动Redis
(1)数据库
示例:使用小皮创建数据库,数据库信息如下。密码需要和服务端.env的redis密码保持一致

启动数据库

使用数据库连接工具进行数据库的导入(数据库连接工具Navicat)


打开sql文件中的install.sql
等待片刻,执行完成后,数据库内的表导入成功

(2)配置redis
设置密码为password,密码需要和服务端.env的redis密码保持一致


4、服务端运行
(1)进入到server目录中安装代码的相关依赖包
python项目常用命令:
pip install -r requirepackage.txt
该项目作者将文件名进行了更改,在国内环境我们需要使用国内源安装包要快一点,以清华源为例
pip install -r requirements.txt -i https://pypi.tuna.tsinghua.edu.cn/simple
等待依赖安装完成

(2)修改配置文件
复制: “server/.example.env”文件
改为: “server/.env”

.env配置
# 数据库
; `mysql+pymysql` 表示使用Python的pymysql库来连接MySQL数据库;
; `account:password` 是数据库的用户名和密码;
; `127.0.0.1:3306` 是数据库服务器的地址和端口号;
; `name` 是要连接的数据库名称;
DATABASE_URL='mysql+pymysql://account:password@127.0.0.1:3306/name?charset=utf8mb4'
# 上传目录
UPLOAD_DIRECTORY='../public/uploads/'
# REDIS
; `redis://` 表示使用Redis协议;
; `:password@` 是Redis实例的密码,这里设置为`password`;
; `127.0.0.1` 是Redis服务器的IP地址,这里是本地地址;
; `6379` 是Redis服务器的端口号;
; /0` 是Redis的数据库编号,这里使用的是第0个数据库。
REDIS_URL='redis://:password@127.0.0.1:6379/0'
# 服务端资源文件 该项目实际的服务端请求地址+接口 开发模式注意使用http还是https
; DOMAIN='https://127.0.0.1:80'
DOMAIN='http://127.0.0.1:8000'
(3)启动服务端
(服务端分为后台和前台两个服务-官方解释)
后台-》打开终端,使用cd命令进入server目录,运行python asgi.py命令启动项目。
cd server
# 方式一
python3 asgi.py
# 方式二
python3 -m uvicorn asgi:app --reload
{"code":200,"msg":"成功"} 接口返回表示成功
前台-》打开终端,使用cd命令进入server目录,运行python asgi_front.py命令启动项目。
cd server
# 方式一
python3 asgi_front.py
# 方式二
python3 -m uvicorn asgi_front:app --reload
{"code":200,"msg":"成功"} 接口返回表示成功
注意! 环境运行后显示0.0.0.0,如果在开发环境不顺眼可以直接在asgi.py和asgi_front.py下将0.0.0.0改为127.0.0.1
5、前端开发模式运行
(1)设置服务端域名接口。
使用编辑器打开likeadmin项目,复制.env.development.example文件并改名为.env.development,打开likeadmin/admin/.env.development文件,修改VITE_APP_BASE_URL变量的值为项目安装部署的服务端地址,记得保存。
等一会
(2)进入前端文件夹/admin 进行安装前端代码包依赖
cd admin
npm install

等待片刻依赖的安装,安装完成后执行命令启动
npm run dev

访问前端开发链接,开发模式第一次打开网站会访问很慢
(2)访问成功后,会显示404

解决方案1:开发环境配置
a.打开 admin/src/config/index.ts
修改baseUrl
因为 baseUrl() 函数的用途是将当前域名内容提取出来在加上.com 就就很奇怪,而且不能够使用因为我们使用的是本地开发环境
const config = {
terminal: 1, //终端
title: '后台管理系统', //网站默认标题
version: '1.3.3', //版本号
// baseUrl: `${import.meta.env.VITE_APP_BASE_URL || ''}/`,
baseUrl: '', //请求接口域名
urlPrefix: 'api', //请求默认前缀
timeout: 10 * 1000 //请求超时时长
}
export default config
b.添加前端请求代理
编辑admin/vite.config.ts
server: {
host: '0.0.0.0',
//反向代理
proxy: {
'/api': {
target: 'http://127.0.0.1:8000',
changeOrigin: true, //允许跨域请求
cookiePathRewrite: {
//灵活地处理跨域共享Cookie的问题。例如,将'/api'路径重写为空字符串,确保设置的Cookie在整个网站中有效
'/api': ''
}
}
}
},
解决方案2:生产环境配置
设置服务端域名接口。 进入 admin/,创建.env.development文件,VITE_APP_BASE_URL变量的值为项目安装部署的服务端地址,记得保存。
NODE_ENV = 'development'
#base APi
VITE_APP_BASE_URL = '127.0.0.1:8000'
b.添加前端请求代理(同上)
编辑admin/vite.config.ts
(3)修改配置后,清理缓存后重新启动
npm run dev
账号密码:admin 123456

1045

被折叠的 条评论
为什么被折叠?



