Browse Source
Merge pull request #74 from flipped-aurora/gin-vue-admin_v2_dev
Merge pull request #74 from flipped-aurora/gin-vue-admin_v2_dev
Gin vue admin v2 devmain
rainyan
4 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
12 changed files with 299 additions and 159 deletions
-
77README-zh_CN.md
-
74README.md
-
BINdocs/gin-vue-admin.png
-
37server/Dockerfile
-
3web/package.json
-
33web/src/api/github.js
-
BINweb/src/assets/flipped-aurora.png
-
3web/src/main.js
-
2web/src/view/layout/aside/index.vue
-
46web/src/view/layout/index.vue
-
171web/src/view/test/index.vue
After Width: 1161 | Height: 1081 | Size: 103 KiB |
@ -1,21 +1,26 @@ |
|||
FROM golang:alpine as builder |
|||
RUN apk add --update --no-cache yarn make g++ |
|||
FROM centos:7.6.1810 |
|||
|
|||
ENV GOPROXY=https://goproxy.cn,https://goproxy.io,direct \ |
|||
GO111MODULE=on \ |
|||
CGO_ENABLED=1 |
|||
WORKDIR /go/src/gin-vue-admin |
|||
RUN go env -w GOPROXY=https://goproxy.cn,https://goproxy.io,direct |
|||
COPY . . |
|||
RUN go env && go list && go build -v -a -ldflags "-extldflags \"-static\" " -o gvadmin . |
|||
# 设置go mod proxy 国内代理 |
|||
# 设置golang path |
|||
ENV GOPROXY=https://goproxy.io GOPATH=/gopath PATH="${PATH}:/usr/local/go/bin" |
|||
# 定义使用的Golang 版本 |
|||
ARG GO_VERSION=1.13.3 |
|||
|
|||
WORKDIR /app |
|||
COPY --from=builder /go/src/gin-vue-admin/gvadmin . |
|||
COPY --from=builder /go/src/gin-vue-admin/db.db . |
|||
COPY --from=builder /go/src/gin-vue-admin/config.yaml . |
|||
COPY --from=builder /go/src/gin-vue-admin/resource ./resource |
|||
# 安装 golang 1.13.3 |
|||
RUN yum install -y wget && \ |
|||
wget "https://dl.google.com/go/go$GO_VERSION.linux-amd64.tar.gz" && \ |
|||
rm -rf /usr/local/go && \ |
|||
tar -C /usr/local -xzf "go$GO_VERSION.linux-amd64.tar.gz" && \ |
|||
rm -rf *.tar.gz && \ |
|||
go version && go env; |
|||
|
|||
EXPOSE 8888 |
|||
WORKDIR $GOPATH |
|||
COPY . ginvue |
|||
|
|||
RUN cd ginvue && go build -o app; |
|||
|
|||
CMD ["gvadmin/app"] |
|||
COPY ./config.yaml $GOPATH/ginvue/ |
|||
|
|||
EXPOSE 8888 |
|||
|
|||
CMD ["ginvue/app"] |
@ -0,0 +1,33 @@ |
|||
import axios from "axios"; |
|||
import { Loading } from "element-ui"; |
|||
|
|||
let loadingInstance; |
|||
let service = axios.create(); |
|||
|
|||
service.interceptors.request.use((config) => { |
|||
loadingInstance = Loading.service({ fullscreen: true }); |
|||
return config; |
|||
}); |
|||
|
|||
service.interceptors.response.use((resp) => { |
|||
loadingInstance.close(); |
|||
return resp; |
|||
}, (error) => { |
|||
loadingInstance.close(); |
|||
return error; |
|||
}); |
|||
|
|||
export function Commits(page) { |
|||
return service({ |
|||
url: "https://api.github.com/repos/flipped-aurora/gin-vue-admin/commits?page=" + |
|||
page, |
|||
method: "get", |
|||
}); |
|||
} |
|||
|
|||
export function Members() { |
|||
return service({ |
|||
url: "https://api.github.com/orgs/FLIPPED-AURORA/members", |
|||
method: "get", |
|||
}); |
|||
} |
After Width: 1200 | Height: 1200 | Size: 71 KiB |
@ -1,16 +1,181 @@ |
|||
<template> |
|||
<div> |
|||
动态路由测试 |
|||
<el-row :gutter="10"> |
|||
<el-col :span="12"> |
|||
<el-card> |
|||
<div slot="header">gin-vue-admin</div> |
|||
<div> |
|||
<el-row> |
|||
<el-col :span="8" :offset="8"> |
|||
<a href="https://github.com/flipped-aurora/gin-vue-admin"> |
|||
<img |
|||
class="org-img dom-center" |
|||
src="@/assets/logo.png" |
|||
alt="gin-vue-admin" |
|||
/> |
|||
</a> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row :gutter="10"> |
|||
<el-col :span="8"> |
|||
<a href="https://github.com/flipped-aurora/gin-vue-admin"> |
|||
<img |
|||
class="dom-center" |
|||
src="https://img.shields.io/github/watchers/flipped-aurora/gin-vue-admin.svg?label=Watch" |
|||
alt="" |
|||
/> |
|||
</a> |
|||
</el-col> |
|||
<el-col :span="8"> |
|||
<a href="https://github.com/flipped-aurora/gin-vue-admin"> |
|||
<img |
|||
class="dom-center" |
|||
src="https://img.shields.io/github/stars/flipped-aurora/gin-vue-admin.svg?style=social" |
|||
alt=""/></a |
|||
></el-col> |
|||
<el-col :span="8"> |
|||
<a href="https://github.com/flipped-aurora/gin-vue-admin"> |
|||
<img |
|||
class="dom-center" |
|||
src="https://img.shields.io/github/forks/flipped-aurora/gin-vue-admin.svg?label=Fork" |
|||
alt=""/></a |
|||
></el-col> |
|||
</el-row> |
|||
</div> |
|||
</el-card> |
|||
<el-card style="margin-top: 20px"> |
|||
<div slot="header">flipped-aurora团队</div> |
|||
<div> |
|||
<el-row> |
|||
<el-col :span="8" :offset="8"> |
|||
<a href="https://github.com/flipped-aurora"> |
|||
<img |
|||
class="org-img dom-center" |
|||
src="@/assets/flipped-aurora.png" |
|||
alt="flipped-aurora" |
|||
/> |
|||
</a> |
|||
</el-col> |
|||
</el-row> |
|||
<el-row style="margin-left: 40px" :gutter="20"> |
|||
<template v-for="(item, index) in members"> |
|||
<el-col :span="8" :key="index"> |
|||
<a :href="item.html_url"> |
|||
<img class="avatar-img" :src="item.avatar_url" /> |
|||
<a class="author-name" style="">{{ item.login }}</a> |
|||
</a> |
|||
</el-col> |
|||
</template> |
|||
</el-row> |
|||
</div> |
|||
</el-card> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<el-card> |
|||
<div slot="header"> |
|||
提交记录 |
|||
</div> |
|||
<div> |
|||
<Timeline |
|||
:timeline-items="dataTimeline" |
|||
:message-when-no-items="messageWhenNoItems" |
|||
:uniqueTimeline="true" |
|||
:unique-year="true" |
|||
:show-day-and-month="true" |
|||
order="desc" |
|||
dateLocale="zh-CN" |
|||
/> |
|||
</div> |
|||
<el-button class="load-more" @click="loadMore" type="text" |
|||
>Load more</el-button |
|||
> |
|||
</el-card> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
import { Commits, Members } from "@/api/github"; |
|||
import Timeline from "timeline-vuejs"; |
|||
export default { |
|||
name:"Test" |
|||
|
|||
name: "Test", |
|||
components: { |
|||
Timeline, |
|||
}, |
|||
data() { |
|||
return { |
|||
messageWhenNoItems: "There arent commits", |
|||
members: [], |
|||
dataTimeline: [], |
|||
page: 0, |
|||
}; |
|||
}, |
|||
created() { |
|||
this.loadCommits(); |
|||
this.loadMembers(); |
|||
}, |
|||
methods: { |
|||
loadMore() { |
|||
this.page++; |
|||
this.loadCommits(); |
|||
}, |
|||
loadCommits() { |
|||
Commits(this.page).then(({ data }) => { |
|||
data.forEach((element) => { |
|||
if (element.commit.message) { |
|||
this.dataTimeline.push({ |
|||
from: new Date(element.commit.author.date), |
|||
title: element.commit.author.name, |
|||
showDayAndMonth: true, |
|||
description: `<a style="color: #26191b" href="${element.html_url}">${element.commit.message}</a>`, |
|||
}); |
|||
} |
|||
}); |
|||
}); |
|||
}, |
|||
loadMembers() { |
|||
Members().then(({ data }) => { |
|||
this.members = data; |
|||
this.members.sort(); |
|||
}); |
|||
}, |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style scoped> |
|||
.load-more { |
|||
margin-left: 120px; |
|||
} |
|||
|
|||
.avatar-img { |
|||
float: left; |
|||
height: 40px; |
|||
width: 40px; |
|||
border-radius: 50%; |
|||
-webkit-border-radius: 50%; |
|||
-moz-border-radius: 50%; |
|||
margin-top: 15px; |
|||
} |
|||
|
|||
.org-img { |
|||
height: 150px; |
|||
width: 150px; |
|||
} |
|||
|
|||
.author-name { |
|||
float: left; |
|||
line-height: 65px !important; |
|||
margin-left: 10px; |
|||
color: darkblue; |
|||
line-height: 100px; |
|||
font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", |
|||
"Lucida Sans Unicode", Geneva, Verdana, sans-serif; |
|||
} |
|||
|
|||
.dom-center { |
|||
margin-left: 50%; |
|||
transform: translateX(-50%); |
|||
} |
|||
</style> |
Write
Preview
Loading…
Cancel
Save
Reference in new issue