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
5 years ago
committed by
GitHub
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
-
173web/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> |
<template> |
||||
<div> |
<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> |
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
|
import { Commits, Members } from "@/api/github"; |
||||
|
import Timeline from "timeline-vuejs"; |
||||
export default { |
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> |
</script> |
||||
|
|
||||
<style scoped> |
<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> |
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue