WEB项目之likeadmin部署(Python)

一、准备

1、官方网站:官方下载网站

2、下载包地址:likeadmin(Python版)

3、服务端环境:

我使用小皮下载的Mysql和redis

4、pycharm安装

5、nodejs环境安装

6、参考资料:

likeadmin部署-CSDN博客

likeadmin抢险体验-CSDN博客

二、部署安装

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值