本文已参与「新人创作礼」活动， 一起开启掘金创作之路。
项目主体
项目源文件
用户界面:star.86428642.xyz/
管理界面:back.86428642.xyz/
项目介绍
本项目是一个基于 Vue 和 Gin 开发的全栈前后端分离的星座运势查询与数据统计平台，由Vue开发的前端项目实现了精细的权限管理, 封装ECharts图表库, 表单自动校验, 路由鉴权等功能。由Golang语言开发的后端接口，采用REST风格。
使用说明
后端项目
-
安装MySql或MariaDB
-
安装MySql或MariaDB
-
确保数据库可以连接,将连接数据填入config.yaml
-
在数据库新建database(项目中使用的数据库名是starWeb),将数据库名复制到config.yaml的Mysql.database。 (请注意yaml格式文件对空格与tab缩进敏感, :后必须有一个空格)
-
在你新建的数据库中运行执行initTable.sql建立表结构。
管理界面项目
请求都使用在src/utils/request.js中二次封装的axios
如果需要设置自己的域名，请在该文件中添加
options.url = "your.DomainNameOrIP.com" + options.url;
即可自定义所有接口请求地址
运行项目
-
(如果没有修改用户界面代码,可忽略本步骤)npm build 前台项目,将生成的dist文件夹中文件复制到static/web文件夹(路径与config.yaml 的Web.static_web对应)覆盖本项目中的文件
-
(如果没有修改管理界面代码,可忽略本步骤)npm build 后台项目,将生成的dist文件夹中文件复制到static/backend文件夹(路径与config.yaml 的Web.static_backend对应)覆盖本项目中的文件
-
(如果没有修改本项目中代码,可直接使用编译好的可执行文件),安装go环境,使用go build编译本项目
-
运行可执行文件, 运行时需要文件同级存放有config.yaml配置文件,static文件夹,配置文件指向的数据库可正常连接。
-
到这里,你的项目应该可以正常运行了。
项目架构
技术选型
- 前端：用Vue构建的用户界面与管理后台框架
- 后端：用Gin快速搭建基础restful风格API，Gin是一个golang语言编写的Web框架
- 数据库：使用MySql(5.6.44)版本
- 图表：使用ECharts生成动态图表
- 配置文件：使用viper实现yaml格式的配置文件读取与解析
