# Web开发框架前端

**Repository Path**: windyzone/phq-web-vue

## Basic Information

- **Project Name**: Web开发框架前端
- **Description**: 业余时间使用go语言开发的前后端分离web管理后台，前端采用vue-cli3.x TypeScript语言，Element开源UI框架，数据库支持Mysql和sqlite3。
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-02-19
- **Last Updated**: 2025-02-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Web开发框架前端

## 本仓库是系统前端代码，服务端GO代码<a href="https://gitee.com/cgrj/phq-web-go" target="_blank">地址</a>

#### 介绍

使用go语言开发的前后端分离web管理后台，前端采用vue-cli4.x TypeScript语言，Element开源UI框架，数据库支持Mysql和sqlite3

##### 功能

系统是本人业余时间开发的，本人文笔太差，就不做过多介绍，想要了解可以看截图或<a href="http://phq.penghq.com/admin" target="_blank">预览地址</a>
查看，系统可能还有小BUG，本人会持续完善，更多功能正在开发中，后续会持续更新。

#### 软件框架

1. 后端数据接口使用的GoFrame框架
2. ORM使用的xorm框架
3. vue-cli4.x
4. Element Plus框架

#### 前端打包和运行

npm环境安装好之后打开cmd窗口进入到项目目录下

1. 安装依赖
   ``npm install``

2. 开发
   ``npm run serve``
3. 打包
   ``npm run build``
4. 成功运行之后在浏览器输入http://localhost:8080/admin 即可看到运行效果

####老版本地址：https://gitee.com/cgrj/phqAdmin

#### 演示

服务器带宽低，打开有点慢，请见谅

1. 演示地址：<a href="http://phq.penghq.com/admin" target="_blank">http://phq.penghq.com/admin </a>
3. 账号密码：admin / 123456 该账号为测试账号只有部分功能

#### 截图

<table>
 <tr>
   <td><img src="http://phq.penghq.com/web_img/000.png" /></td>
   <td><img src="http://phq.penghq.com/web_img/001.png" /></td>
</tr>
 <tr>
   <td><img src="http://phq.penghq.com/web_img/002.png" /></td>
   <td><img src="http://phq.penghq.com/web_img/003.png" /></td>
</tr>
 <tr>
   <td><img src="http://phq.penghq.com/web_img/004.png" /></td>
   <td><img src="http://phq.penghq.com/web_img/005.png" /></td>
</tr>
 <tr>
   <td><img src="http://phq.penghq.com/web_img/006.png" /></td>
   <td><img src="http://phq.penghq.com/web_img/007.png" /></td>
</tr>
 <tr>
   <td><img src="http://phq.penghq.com/web_img/008.png" /></td>
   <td><img src="http://phq.penghq.com/web_img/009.png" /></td>
</tr>
 <tr>
   <td><img src="http://phq.penghq.com/web_img/010.png" /></td>
   <td><img src="http://phq.penghq.com/web_img/011.png" /></td>
</tr>
 <tr>
   <td><img src="http://phq.penghq.com/web_img/012.png" /></td>
   <td><img src="http://phq.penghq.com/web_img/013.png" /></td>
</tr>
 <tr>
   <td><img src="http://phq.penghq.com/web_img/014.png" /></td>
   <td><img src="http://phq.penghq.com/web_img/015.png" /></td>
</tr>
 <tr>
   <td><img src="http://phq.penghq.com/web_img/016.png" /></td>
   <td></td>
</tr>
</table>