init
This commit is contained in:
5
.idea/.gitignore
generated
vendored
Normal file
5
.idea/.gitignore
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
# Default ignored files
|
||||||
|
/shelf/
|
||||||
|
/workspace.xml
|
||||||
|
# Editor-based HTTP Client requests
|
||||||
|
/httpRequests/
|
||||||
8
.idea/modules.xml
generated
Normal file
8
.idea/modules.xml
generated
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="ProjectModuleManager">
|
||||||
|
<modules>
|
||||||
|
<module fileurl="file://$PROJECT_DIR$/.idea/resume.iml" filepath="$PROJECT_DIR$/.idea/resume.iml" />
|
||||||
|
</modules>
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
12
.idea/resume.iml
generated
Normal file
12
.idea/resume.iml
generated
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<module type="WEB_MODULE" version="4">
|
||||||
|
<component name="NewModuleRootManager">
|
||||||
|
<content url="file://$MODULE_DIR$">
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/temp" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
|
||||||
|
<excludeFolder url="file://$MODULE_DIR$/tmp" />
|
||||||
|
</content>
|
||||||
|
<orderEntry type="inheritedJdk" />
|
||||||
|
<orderEntry type="sourceFolder" forTests="false" />
|
||||||
|
</component>
|
||||||
|
</module>
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
sQX-0AeDiAJzirZynH1YSmWekXCj9hrxS6jAdTihJ-c.I3J0vj2Yw8WbfJmVkX2qPTJBlnDCmiVUSRZ4qol8yUE
|
||||||
26
404.html
Normal file
26
404.html
Normal file
@@ -0,0 +1,26 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||||
|
<title>404</title>
|
||||||
|
<style>
|
||||||
|
body{
|
||||||
|
background-color:#444;
|
||||||
|
font-size:14px;
|
||||||
|
}
|
||||||
|
h3{
|
||||||
|
font-size:60px;
|
||||||
|
color:#eee;
|
||||||
|
text-align:center;
|
||||||
|
padding-top:30px;
|
||||||
|
font-weight:normal;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<h3>404，您请求的文件不存在!</h3>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
20
LICENSE
Normal file
20
LICENSE
Normal file
@@ -0,0 +1,20 @@
|
|||||||
|
The MIT License (MIT)
|
||||||
|
|
||||||
|
Copyright (c) 2018 wilco
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||||
|
this software and associated documentation files (the "Software"), to deal in
|
||||||
|
the Software without restriction, including without limitation the rights to
|
||||||
|
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||||
|
the Software, and to permit persons to whom the Software is furnished to do so,
|
||||||
|
subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||||
|
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||||
|
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||||
|
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||||
|
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||||
9
README.md
Normal file
9
README.md
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
## 个人简历网页模板
|
||||||
|
|
||||||
|
参考[来源](http://www.17sucai.com/pins/23650.html)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
## License
|
||||||
|
|
||||||
|
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
||||||
699
css/style.css
Normal file
699
css/style.css
Normal file
@@ -0,0 +1,699 @@
|
|||||||
|
/*
|
||||||
|
* Base structure
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Move down content because we have a fixed navbar that is 50px tall */
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
padding-top: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Global add-ons
|
||||||
|
*/
|
||||||
|
|
||||||
|
.sub-header {
|
||||||
|
padding-bottom: 10px;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Top navigation
|
||||||
|
* Hide default border to remove 1px line.
|
||||||
|
*/
|
||||||
|
.navbar-fixed-top {
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Sidebar
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Hide for mobile, show later */
|
||||||
|
.sidebar {
|
||||||
|
display: block;overflow: hidden!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.sidebar {
|
||||||
|
position: fixed;
|
||||||
|
top: 51px;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: 1000;
|
||||||
|
display: block;
|
||||||
|
padding: 20px;
|
||||||
|
overflow: hidden;
|
||||||
|
/*overflow-y: auto; !* Scrollable contents if viewport is shorter than content. *!*/
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
padding-right: 40px;
|
||||||
|
padding-left: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.project dt {
|
||||||
|
float: left;
|
||||||
|
width: 100px;
|
||||||
|
overflow: hidden;
|
||||||
|
clear: left;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.project dd {
|
||||||
|
margin-left: 112px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar navigation */
|
||||||
|
.nav-sidebar {
|
||||||
|
margin-right: -21px; /* 20px padding + 1px border */
|
||||||
|
margin-bottom: 20px;
|
||||||
|
margin-left: -20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-sidebar > li > a {
|
||||||
|
padding-right: 20px;
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-sidebar > .active > a,
|
||||||
|
.nav-sidebar > .active > a:hover,
|
||||||
|
.nav-sidebar > .active > a:focus {
|
||||||
|
color: #fff;
|
||||||
|
background-color: #428bca;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Main content
|
||||||
|
*/
|
||||||
|
|
||||||
|
.main {
|
||||||
|
padding: 20px;
|
||||||
|
margin-left: 280px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main .page-header {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Placeholder dashboard ideas
|
||||||
|
*/
|
||||||
|
|
||||||
|
.placeholders {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.placeholders h4 {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.placeholder {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.placeholder img {
|
||||||
|
display: inline-block;
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4, h5, h6,
|
||||||
|
h1, h2, h3 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul, ol {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
font-family: 'Ubuntu', sans-serif;
|
||||||
|
font-size: 100%;
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
body a {
|
||||||
|
transition: 0.5s all;
|
||||||
|
-webkit-transition: 0.5s all;
|
||||||
|
-moz-transition: 0.5s all;
|
||||||
|
-o-transition: 0.5s all;
|
||||||
|
-ms-transition: 0.5s all;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
padding-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:focus {
|
||||||
|
outline: thin dotted;
|
||||||
|
outline: 0px auto -webkit-focus-ring-color;
|
||||||
|
outline-offset: 0px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*-- header_top --*/
|
||||||
|
.sidebar {
|
||||||
|
/*background: #6ecadc;*/
|
||||||
|
background: #43808e;
|
||||||
|
top: 0px;
|
||||||
|
padding: 2em 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar h1 {
|
||||||
|
font-size: 2.5em;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
COLOR: #fff;
|
||||||
|
font-family: 'Varela Round', sans-serif;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar img {
|
||||||
|
border: 1px solid #fff;
|
||||||
|
padding: 6px;
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details {
|
||||||
|
margin-top: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details h3 {
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 1em;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details p {
|
||||||
|
color: #101010;
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin: 5px 0 2em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details p a {
|
||||||
|
color: #101010;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*----*/
|
||||||
|
.main {
|
||||||
|
padding: 2em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
margin-right: 3em;
|
||||||
|
width: 967px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.glyphicon {
|
||||||
|
top: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.glyphicon-tasks:before,.glyphicon-home:before, .glyphicon-print:before, .glyphicon-envelope:before, .glyphicon-picture:before {
|
||||||
|
margin-right: 9px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #6ecadc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details_header {
|
||||||
|
padding-bottom: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details_header ul li {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details_header ul li a {
|
||||||
|
padding: 0 1em;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details_header ul li a:hover {
|
||||||
|
color: #6ecadc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
margin-bottom: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clr {
|
||||||
|
color: #FFF;
|
||||||
|
padding: 5px 41px 5px 30px;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clr1 {
|
||||||
|
background: #6ecadc;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clr2 {
|
||||||
|
background: #e9a820;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clr3 {
|
||||||
|
background: #3eb991;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clr4 {
|
||||||
|
background: #40a4b9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clr5 {
|
||||||
|
background: #52c160;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.item h4 {
|
||||||
|
color: #333;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 1.4em;
|
||||||
|
margin-bottom: 6px;
|
||||||
|
font-family: 'Varela Round', sans-serif;
|
||||||
|
}
|
||||||
|
.item h5 {
|
||||||
|
color: #666;
|
||||||
|
font-weight: 600;
|
||||||
|
font-size: 1.2em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_detail .teach{
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.item_detail .teach h5{
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
.item h4 span,.item h5 span {
|
||||||
|
font-size: 0.65em;
|
||||||
|
margin-left: 5px;
|
||||||
|
color: #999;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item h6 {
|
||||||
|
font-weight: 400;
|
||||||
|
margin-bottom: 1.3em;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_detail{
|
||||||
|
margin: 1.5em 0 0 2em;
|
||||||
|
padding-bottom: 1.5em;
|
||||||
|
border-bottom: 1px solid #d8e6f8;
|
||||||
|
}
|
||||||
|
.item_detail:last-child{
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_detail p,dl.project dd{
|
||||||
|
color: #666;
|
||||||
|
font-weight: 300;
|
||||||
|
line-height: 1.7em;
|
||||||
|
}
|
||||||
|
dl.project dd .label {
|
||||||
|
margin-right: 5px;
|
||||||
|
}
|
||||||
|
.project dt {
|
||||||
|
color: #8c8b8b;
|
||||||
|
line-height: 1.7em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.person_info li {
|
||||||
|
list-style: none;
|
||||||
|
color: #666;
|
||||||
|
display: inline-block;
|
||||||
|
white-space: nowrap;
|
||||||
|
width: 49%;
|
||||||
|
}
|
||||||
|
.person_info li:before {
|
||||||
|
content: "";
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
border: 1px solid #999;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: #aaa;
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 10px;
|
||||||
|
float: left;
|
||||||
|
margin-top: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.skill ul{
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.skill ul>li {
|
||||||
|
line-height: 32px;
|
||||||
|
overflow: hidden;
|
||||||
|
list-style: decimal-leading-zero inside;
|
||||||
|
color: #666;
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copywrite {
|
||||||
|
padding-left: 2em;
|
||||||
|
margin-top: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copywrite p {
|
||||||
|
color: #999;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copywrite p a {
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copywrite p a:hover {
|
||||||
|
color: #6ecadc;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*--responsive--*/
|
||||||
|
@media (max-width: 1366px) {
|
||||||
|
.sidebar h1 {
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1024px) {
|
||||||
|
.sidebar {
|
||||||
|
padding: 2em 17px;
|
||||||
|
width: 20%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar h1 {
|
||||||
|
font-size: 1.6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
margin-left: 19.666667%;
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.sidebar {
|
||||||
|
width: 22%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
margin-left: 21.666667%;
|
||||||
|
width: 78%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar h1 {
|
||||||
|
font-size: 1.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar img {
|
||||||
|
padding: 4px;
|
||||||
|
width: 54%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details_header {
|
||||||
|
padding-bottom: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details_header ul li a {
|
||||||
|
padding: 0 1em;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item h3 {
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_detail h4{
|
||||||
|
font-size: 1.1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_detail h5{
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
.item_detail h6{
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_detail p{
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.person_info li {
|
||||||
|
width: 49%;
|
||||||
|
font-weight: 300;
|
||||||
|
line-height: 1.7em;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skill ul li,dl.project dd {
|
||||||
|
font-size: 0.85em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details p {
|
||||||
|
font-size: 0.75em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 736px) {
|
||||||
|
.sidebar {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
margin-left: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar_top {
|
||||||
|
width: 30%;
|
||||||
|
float: left;
|
||||||
|
margin-right: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details {
|
||||||
|
width: 30%;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
.sidebar {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
margin-left: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar_top {
|
||||||
|
width: 30%;
|
||||||
|
float: left;
|
||||||
|
margin-right: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details {
|
||||||
|
width: 30%;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details p {
|
||||||
|
font-size: 0.9em;
|
||||||
|
margin: 5px 0 1em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details h3 {
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
.sidebar_top {
|
||||||
|
width: 32%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar img {
|
||||||
|
width: 85%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 568px) {
|
||||||
|
.details_header ul li a {
|
||||||
|
padding: 0 0.5em;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.content {
|
||||||
|
margin-right: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.glyphicon-tasks:before,.glyphicon-home:before, .glyphicon-print:before, .glyphicon-envelope:before, .glyphicon-picture:before {
|
||||||
|
margin-right: 6px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details_header ul li a {
|
||||||
|
padding: 0 0.5em;
|
||||||
|
font-size: 0.85em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details {
|
||||||
|
width: 36%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar h1 {
|
||||||
|
font-size: 1.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar_top {
|
||||||
|
width: 38%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copywrite {
|
||||||
|
padding-left: 1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 414px) {
|
||||||
|
.sidebar_top {
|
||||||
|
width: 45%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar img {
|
||||||
|
width: 91%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details {
|
||||||
|
width: 42%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details_header {
|
||||||
|
padding-bottom: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details_header ul li a {
|
||||||
|
padding: 0 0.3em;
|
||||||
|
font-size: 0.75em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 384px) {
|
||||||
|
.sidebar h1 {
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details {
|
||||||
|
width: 45%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details_header ul {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details_header ul li a {
|
||||||
|
padding: 0 1em;
|
||||||
|
font-size: 0.75em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
padding: 1em 0 2em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_detail{
|
||||||
|
padding: 0;
|
||||||
|
margin: 1em 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_detail h4{
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
.item_detail h5{
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item_detail h6{
|
||||||
|
font-size: 0.6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item h3 {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.clr {
|
||||||
|
padding: 5px 98px 5px 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copywrite p {
|
||||||
|
font-size: 0.7em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 375px) {
|
||||||
|
.sidebar h1 {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar img {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details h3 {
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details p {
|
||||||
|
font-size: 0.75em;
|
||||||
|
margin: 5px 0 0.5em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar {
|
||||||
|
padding: 1.5em 17px 1em 17px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details_header {
|
||||||
|
/*padding: 0 0 0 1em;*/
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details_header ul li a {
|
||||||
|
line-height: 2em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 320px) {
|
||||||
|
.sidebar_top {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar img {
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details h3 {
|
||||||
|
font-size: 0.7em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
margin-right: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.details_header ul li a {
|
||||||
|
padding: 0 0.5em;
|
||||||
|
font-size: 0.75em;
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
images/favicon.ico
Normal file
BIN
images/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
BIN
images/head.png
Normal file
BIN
images/head.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
479
index.html
Normal file
479
index.html
Normal file
@@ -0,0 +1,479 @@
|
|||||||
|
<!DOCTYPE HTML>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>邓洁个人简历</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||||||
|
<script type="application/x-javascript">
|
||||||
|
addEventListener("load", function () {
|
||||||
|
setTimeout(hideURLbar, 0);
|
||||||
|
}, false);
|
||||||
|
|
||||||
|
function hideURLbar() {
|
||||||
|
window.scrollTo(0, 1);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
var _hmt = _hmt || [];
|
||||||
|
(function () {
|
||||||
|
var hm = document.createElement("script");
|
||||||
|
hm.src = "https://hm.baidu.com/hm.js?ace8cee1de79419e0f6fbee59c4b2b9f";
|
||||||
|
var s = document.getElementsByTagName("script")[0];
|
||||||
|
s.parentNode.insertBefore(hm, s);
|
||||||
|
})();
|
||||||
|
</script>
|
||||||
|
<link href="https://cdn.bootcss.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<link href="css/style.css" rel='stylesheet' type='text/css'/>
|
||||||
|
<link rel="icon" href="./images/favicon.ico" type="image/x-icon">
|
||||||
|
<link href='//fonts.googleapis.com/css?family=Ubuntu:300,400,500,700' rel='stylesheet' type='text/css'>
|
||||||
|
<link href='//fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
|
||||||
|
<!-- start menu -->
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!-- header -->
|
||||||
|
<div style="display: flex;">
|
||||||
|
<div class="sidebar">
|
||||||
|
<div class="sidebar_top">
|
||||||
|
<h1>邓洁</h1>
|
||||||
|
<img src="images/head.png" alt=""/>
|
||||||
|
</div>
|
||||||
|
<div class="details">
|
||||||
|
<h3>手机</h3>
|
||||||
|
<h2><p>132 8125 9620</p></h2>
|
||||||
|
<h3>邮箱</h3>
|
||||||
|
<h2><p><a href="mailto:1042039504@qq.com">1042039504@qq.com</a></p></h2>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
<div class="main">
|
||||||
|
<div class="content">
|
||||||
|
<div style="width:200px;height: 100%">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="details_header">
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://blog.odjbinail.cn"><span class="glyphicon glyphicon-tasks "
|
||||||
|
aria-hidden="true"></span>Blog</a>
|
||||||
|
</li>
|
||||||
|
<!-- <li><a href="javascript:window.print();"><span class="glyphicon glyphicon-print"-->
|
||||||
|
<!-- aria-hidden="true"></span>Print-->
|
||||||
|
<!-- CV</a></li>-->
|
||||||
|
<li><a href="mailto:1042039504@qq.com"><span class="glyphicon glyphicon-envelope"
|
||||||
|
aria-hidden="true"></span>Email
|
||||||
|
me</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<h3 class="clr clr1">个人信息</h3>
|
||||||
|
<div class="item_detail">
|
||||||
|
<ul class="person_info">
|
||||||
|
<li>姓名：邓洁</li>
|
||||||
|
<li>年龄：24</li>
|
||||||
|
<li>民族：汉</li>
|
||||||
|
<li>学历：本科</li>
|
||||||
|
<li>英语：CET-4</li>
|
||||||
|
<li>手机：13281259620</li>
|
||||||
|
<li>邮箱：<a href="mailto:1042039504@qq.com">1042039504@qq.com</a></li>
|
||||||
|
<li>博客：<a href="https://blog.odjbinail.cn">https://blog.odjbinail.cn</a></li>
|
||||||
|
</ul>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<h3 class="clr clr5">教育背景</h3>
|
||||||
|
<div class="item_detail">
|
||||||
|
<div class="teach"><h5>2020.09-2024.06</h5> <h5>四川工商学院</h5><h5>计算机科学与技术（本科）</h5>
|
||||||
|
</div>
|
||||||
|
<p>在校期间自学前端技术，将所学知识运行到实际场景中，并收录在个人博客中，现已发布40+篇文
|
||||||
|
章；多次参与校外企业组织的商业项目，同时参与开源项目缘境系统的开发并投入到商业项目中实际生
|
||||||
|
产应用。 </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<h3 class="clr clr2">工作经历</h3>
|
||||||
|
<div class="item_detail">
|
||||||
|
<h4>成都数字家园科技有限公司<span>2023.07 - 2023.12</span></h4>
|
||||||
|
<h6>前端开发实习</h6>
|
||||||
|
<p>1.基于vue3、ts技术栈和arco-design组件库，实现文物全景后台管理系统的开发；</p>
|
||||||
|
<p>2.基于echarts可视化图表的配置项精准还原设计图，实现可视化数据分析平台的前端开发；</p>
|
||||||
|
<p>3.基于Element Plus组件库，二次封装基础管理系统通用组件，支持动态渲染表单项等。组件
|
||||||
|
已在多个项目中复用，减少30%代码量，提高维护效率。</p>
|
||||||
|
<p>4.积极和后端工程师配合完成接口联调，确保数据交互正常。 </p>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="item_detail">-->
|
||||||
|
<!-- <h4>四川宏驰云科技有限公司<span>2024.01 - 2024.08</span></h4>-->
|
||||||
|
<!-- <h6>前端开发实习</h6>-->
|
||||||
|
<!-- <p>1.带领团队完成小程序和隧道可视化大屏等项目开发，参与开发技术难题攻关，积累研发技术，不断提升个人能力； </p>-->
|
||||||
|
<!-- <p>2.负责保障代码质量，项目的持续优化、改进工作；</p>-->
|
||||||
|
<!-- <p>3.与后端工程师协作，进行数据交互、动态信息展现，完成前端与后端的功能整合实现。</p>-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<div class="item_detail">
|
||||||
|
<h4>成都康儿丝网络科技有限公司<span>2024.09 - 至今</span></h4>
|
||||||
|
<h6>前端开发工程师</h6>
|
||||||
|
<p>1.基于Vue3 + Ant Design Vue 搭建管理后台，实现云门金兰ERP系统的前端开发，负责库存管
|
||||||
|
理、订单管理等核心模块的开发与优化。 </p>
|
||||||
|
<p>2.参与某区网格+经济运行监测系统的前端开发，基于Vue3 + Ant Design Vue + ECharts开发
|
||||||
|
GDP 增速、社零额增速和经济预期等可视化展示，提高数据展示的直观性和交互体验。根据业务攻克技
|
||||||
|
术难题，积累研发技术，提升个人能力； </p>
|
||||||
|
<p>3.参与垃圾回收app、垃圾投递小程序等项目开发，负责保障代码质量，项目的持续优化、改进
|
||||||
|
工作；</p>
|
||||||
|
<p>4.与后端工程师协作，进行数据交互、动态信息展现，完成前端与后端的功能整合实现。</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<h3 class="clr clr3">专业技能</h3>
|
||||||
|
<div class="item_detail">
|
||||||
|
<div class="skill">
|
||||||
|
<ul>
|
||||||
|
<li>掌握 DIV+CSS 布局、PC 端的响应式布局、弹性盒布局和移动端适配；
|
||||||
|
</li>
|
||||||
|
<li>掌握 HTML5/CSS3 新增标签属性；掌握 JavaScript 及 ES6 常用语法；</li>
|
||||||
|
<li>掌握使用 uniapp 开发框架完成微信小程序和手机 App 项目开发及上线过程，完成了食瞳小程序和排骨记账 app 的开发与发布流程；
|
||||||
|
</li>
|
||||||
|
<li>掌握 Echarts 可视化图表及其配置项，完成数据大屏开发及隧道可视化开发；</li>
|
||||||
|
<li>掌握使用 elementUI、elementPlus、uview-ui、uview-plus和ant-design-vue 等组件库，并多次运用组件库快速开发
|
||||||
|
Web 网站及小程序等；
|
||||||
|
</li>
|
||||||
|
<li>掌握 Vue 生态体系（Vue2 or Vue3、VueRouter...）、vue 基本语法、生命周期、组件传参等，具备
|
||||||
|
多次 Vue 项目开发经验；了解 vue2 源码；
|
||||||
|
</li>
|
||||||
|
<li>掌握 WebSocket，用于浏览器与服务器之间的实时通信；</li>
|
||||||
|
<li>掌握使用 Apipost 工具或 swagger 文档进行后端接口调试；
|
||||||
|
</li>
|
||||||
|
<li>掌握使用 Git 进行版本控制和代码托管；</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<h3 class="clr clr4">项目经历</h3>
|
||||||
|
<div class="item_detail">
|
||||||
|
<h5>缘境系统(FateVerse)--开源项目</h5>
|
||||||
|
<dl class="project">
|
||||||
|
<dt>开发时间</dt>
|
||||||
|
<dd>2023.05 – 至今</dd>
|
||||||
|
<dt>项目描述</dt>
|
||||||
|
<dd>
|
||||||
|
<p>缘境系统是一套基于 SpringCloud 微服务架构，以 RBAC 权限管理、自定义工作流为核心，
|
||||||
|
代码生成，自定义查询（服务主要分为数据源、数据适配器、数据编辑器、数据展示四个层级，让用户
|
||||||
|
使用系统服务就可以快速构建查询列表，echarts 图表等页面。）等模块为辅助功能的高并发快速开发
|
||||||
|
基础系统；现已投入到多个大型项目中实际生产应用。
|
||||||
|
</p>
|
||||||
|
</dd>
|
||||||
|
<dt>责任描述</dt>
|
||||||
|
<dd>1.完成用户模块，消息通知模块，自定义查询模块的页面开发与接口对接；</dd>
|
||||||
|
<dd>2.完成基于 Vue2 和 G6 的自定义查询 ER 图编辑器的开发与升级（Vue3）；</dd>
|
||||||
|
<dd>3.负责在该项目中集成富文本编辑器 Tinymce，并用于发布公告模块中发布富文本内容；</dd>
|
||||||
|
<dd>4.负责在该项目中使用 vue-codemirror 插件实现代码编辑器，并用于自定义 sql 查询配置；</dd>
|
||||||
|
<dd>5.使用 echarts 和 vuedraggable 制作 Echarts 编辑器的设计与开发。</dd>
|
||||||
|
<dt>开发环境</dt>
|
||||||
|
<dd>
|
||||||
|
<span class="label label-default">WebStorm</span>
|
||||||
|
<span class="label label-default">Nodejs</span>
|
||||||
|
<span class="label label-default">蓝湖</span>
|
||||||
|
<span class="label label-default">Swagger 文档</span>
|
||||||
|
<span class="label label-default">GIT</span>
|
||||||
|
</dd>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
<dt>技术架构</dt>
|
||||||
|
<dd>
|
||||||
|
<span class="label label-default">Vue3</span>
|
||||||
|
<span class="label label-default">Element Plus</span>
|
||||||
|
<span class="label label-default">Vite</span>
|
||||||
|
<span class="label label-default">Pinia</span>
|
||||||
|
<span class="label label-default">Axios</span>
|
||||||
|
<span class="label label-default">Vue Router</span>
|
||||||
|
<span class="label label-default">Echarts</span>
|
||||||
|
<span class="label label-default">Antv G6</span>
|
||||||
|
<span class="label label-default">tinymce</span>
|
||||||
|
<span class="label label-default">vue-codemirror</span>
|
||||||
|
<span class="label label-default">vuedraggable</span>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dt>开源链接</dt>
|
||||||
|
<dd>Demo：<a href="http://fateverse-vue.frp.feashow.cn">http://fateverse-vue.frp.feashow.cn</a>
|
||||||
|
</dd>
|
||||||
|
<dd>Gitee 前端：<a href="https://gitee.com/fateverse/fateverse-vue">https://gitee.com/fateverse/fateverse-vue</a>
|
||||||
|
</dd>
|
||||||
|
|
||||||
|
<dd>Gitee 后端：<a href="https://gitee.com/fateverse/fateverse-vue">https://gitee.com/fateverse/fateverse</a>
|
||||||
|
</dd>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</dl>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
<div class="item_detail">
|
||||||
|
<h5>科研项目管理平台</h5>
|
||||||
|
<dl class="project">
|
||||||
|
<dt>开发时间</dt>
|
||||||
|
<dd>2024.01 - 2024.08</dd>
|
||||||
|
<dt>项目描述</dt>
|
||||||
|
<dd>
|
||||||
|
<p>
|
||||||
|
基于 SpringCloud 构建的科研项目管理平台，包含授权服务，用户权限管理服务，工作流
|
||||||
|
服务，分布式实时消息服务，分布式日志服务；对科研项目申报、专家评审、项目开题、项目合同、科
|
||||||
|
研进度、项目经费、项目质量、项目文档、科研成果等科研活动全面管理，以项目生命周期为主流程，
|
||||||
|
每个环节使用 Flowable 工作流引擎构建子流程驱动项目流程流转，基于 Flowable 集成自定义 bpmn
|
||||||
|
流程编辑器。
|
||||||
|
</p>
|
||||||
|
</dd>
|
||||||
|
<dt>责任描述</dt>
|
||||||
|
<dd>
|
||||||
|
1.负责大部分项目管理平台的页面开发及接口对接（其中有需求征集、需求汇总、项目立项、项
|
||||||
|
目验收、项目归档、专项资金、费用管理等）；
|
||||||
|
</dd>
|
||||||
|
<dd>
|
||||||
|
2.负责保障项目的质量优化及数据维护工作。
|
||||||
|
</dd>
|
||||||
|
<dt>开发环境</dt>
|
||||||
|
<dd>
|
||||||
|
<span class="label label-default">WebStorm</span>
|
||||||
|
<span class="label label-default">Nodejs</span>
|
||||||
|
<span class="label label-default">Mastergo</span>
|
||||||
|
<span class="label label-default">Swagger 文档</span>
|
||||||
|
<span class="label label-default">GIT</span>
|
||||||
|
</dd>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
<dt>技术架构</dt>
|
||||||
|
<dd>
|
||||||
|
<span class="label label-default">Vue3</span>
|
||||||
|
<span class="label label-default">Element Plus</span>
|
||||||
|
<span class="label label-default">Vite</span>
|
||||||
|
<span class="label label-default">Pinia</span>
|
||||||
|
<span class="label label-default">Axios</span>
|
||||||
|
<span class="label label-default">Vue Router</span>
|
||||||
|
</dd>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</dl>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
<div class="item_detail">
|
||||||
|
<h5>地下复杂洞群智能通风控制系统</h5>
|
||||||
|
<dl class="project">
|
||||||
|
<dt>开发时间</dt>
|
||||||
|
<dd>2023.12 - 2024.04</dd>
|
||||||
|
<dt>项目描述</dt>
|
||||||
|
<dd>
|
||||||
|
<p>此项目是一款基于 three.js 技术开发的隧道可视化大屏，实时展示隧道内部情况，帮助
|
||||||
|
管理人员快速准确地掌握隧道运行状态，以提升隧道管理效率和安全性。其实时监测隧道内的温/湿度、
|
||||||
|
风速、风压、风机运行状态以及二氧化硫等有害气体状况。还集成报警系统，当监测数据异常时，自动
|
||||||
|
触发报警并在大屏上显示。使用查看历史监测数据，并能够以 echarts 可视化图表动画形式回放，帮助
|
||||||
|
分析事故原因和改进管理策略。
|
||||||
|
</p>
|
||||||
|
</dd>
|
||||||
|
<dt>责任描述</dt>
|
||||||
|
<dd>1.负责隧道可视化大屏面板开发及接口对接；</dd>
|
||||||
|
<dd> 2.使用 WebSocket 接收服务端传的实时监控数据并实时渲染到数据面板；</dd>
|
||||||
|
<dd> 3.使用 Echarts 实现风机、风压、有害气体等监控数据展示；</dd>
|
||||||
|
<dd> 4.负责保障项目的质量优化及数据维护工作。</dd>
|
||||||
|
<dt>开发环境</dt>
|
||||||
|
<dd>
|
||||||
|
<span class="label label-default">WebStorm</span>
|
||||||
|
<span class="label label-default">Nodejs</span>
|
||||||
|
<span class="label label-default">蓝湖</span>
|
||||||
|
<span class="label label-default">Swagger 文档</span>
|
||||||
|
<span class="label label-default">GIT</span>
|
||||||
|
</dd>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
<dt>技术架构</dt>
|
||||||
|
<dd>
|
||||||
|
<span class="label label-default">Vue3</span>
|
||||||
|
<span class="label label-default">Element Plus</span>
|
||||||
|
<span class="label label-default">Vite</span>
|
||||||
|
<span class="label label-default">Pinia</span>
|
||||||
|
<span class="label label-default">Axios</span>
|
||||||
|
<span class="label label-default">Vue Router</span>
|
||||||
|
<span class="label label-default">Echarts</span>
|
||||||
|
<span class="label label-default">Three.js</span>
|
||||||
|
</dd>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</dl>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
<div class="item_detail">
|
||||||
|
<h5>速配商铺（小程序）</h5>
|
||||||
|
<dl class="project">
|
||||||
|
<dt>开发时间</dt>
|
||||||
|
<dd>2023.10 - 2023.12</dd>
|
||||||
|
<dt>项目描述</dt>
|
||||||
|
<dd>
|
||||||
|
<p>
|
||||||
|
速配商铺是一款致力于连接店铺转让双方的小程序。通过小程序，店铺经营者可以方便快
|
||||||
|
捷地发布店铺转让信息，包括店铺位置、面积、租金、转让原因、转让条件等；还提供了速配地图，为
|
||||||
|
用户推荐附近店铺转让信息。用户可以根据需求进行筛选和浏览各类店铺转让等信息，轻松找到附近符
|
||||||
|
合需求的店铺转让或出租等信息；还可以通过小程序直接与店铺经营者进行联系，了解更多店铺信息。
|
||||||
|
</p>
|
||||||
|
</dd>
|
||||||
|
<dt>责任描述</dt>
|
||||||
|
<dd>
|
||||||
|
1.负责实现微信授权登录；
|
||||||
|
</dd>
|
||||||
|
<dd>2.带领团队完成项目开发并负责保障其质量优化工作；</dd>
|
||||||
|
<dd>3.负责完成速配地图定位及自动地理定位任务，为用户推荐附近店铺信息；</dd>
|
||||||
|
<dd>4.负责小程序的上线发布流程。</dd>
|
||||||
|
|
||||||
|
<dt>开发环境</dt>
|
||||||
|
<dd>
|
||||||
|
<span class="label label-default">HBuilderX</span>
|
||||||
|
<span class="label label-default">微信开发者工具</span>
|
||||||
|
<span class="label label-default">微信公众平台</span>
|
||||||
|
<span class="label label-default">蓝湖</span>
|
||||||
|
<span class="label label-default">Apipost7</span>
|
||||||
|
<span class="label label-default">GIT</span>
|
||||||
|
</dd>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
<dt>技术架构</dt>
|
||||||
|
<dd>
|
||||||
|
<span class="label label-default">Vue2</span>
|
||||||
|
<span class="label label-default">uView UI</span>
|
||||||
|
<span class="label label-default">uni-app</span>
|
||||||
|
<span class="label label-default">Scss 语法</span>
|
||||||
|
</dd>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</dl>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
<div class="item_detail">
|
||||||
|
<h5>排骨记账（App）</h5>
|
||||||
|
<dl class="project">
|
||||||
|
<dt>开发时间</dt>
|
||||||
|
<dd>2023.08 - 2023.09</dd>
|
||||||
|
<dt>项目描述</dt>
|
||||||
|
<dd>
|
||||||
|
<p>
|
||||||
|
此项目是一款个人家庭财务管理的记账 App，主要有个人计划、群组记账、个人记账、报
|
||||||
|
表统计和个人中心五个模块。其中个人中心的资产负债一目了然；个人计划中提供邮件提醒功能；群组
|
||||||
|
记账中采用多账本模式，多场景分开记账，并计算多人账单中每个参与人消费金额自动存入个人账单中；
|
||||||
|
个人记账中包括记录支出/收入的账单，还有多维度月支出预算，以便精确省钱。
|
||||||
|
</p>
|
||||||
|
</dd>
|
||||||
|
<dt>责任描述</dt>
|
||||||
|
<dd>1.负责邮箱注册及登录；</dd>
|
||||||
|
<dd>2.负责个人计划，群组记账，个人记账与个人中心等模块的页面开发与接口对接；</dd>
|
||||||
|
<dd>3.负责在该项目中使用大量阿里巴巴矢量图标，以便用户选择；</dd>
|
||||||
|
<dd>4.用 IDEA 软件完成 App 的上线发布流程。</dd>
|
||||||
|
<dt>开发环境</dt>
|
||||||
|
<dd>
|
||||||
|
<span class="label label-default">HBuilderX</span>
|
||||||
|
<span class="label label-default">IntelliJ IDEA</span>
|
||||||
|
<span class="label label-default">Swagger 文档</span>
|
||||||
|
<span class="label label-default">Apipost7</span>
|
||||||
|
<span class="label label-default">GIT</span>
|
||||||
|
</dd>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
<dt>技术架构</dt>
|
||||||
|
<dd>
|
||||||
|
<span class="label label-default">Vue3</span>
|
||||||
|
<span class="label label-default">uView plus</span>
|
||||||
|
<span class="label label-default">uni-app</span>
|
||||||
|
<span class="label label-default">Scss 语法</span>
|
||||||
|
</dd>
|
||||||
|
<dt>演示地址</dt>
|
||||||
|
<dd><a href="http://cv.odjbinail.cn/rib-account/">http://cv.odjbinail.cn/rib-account/</a></dd>
|
||||||
|
<dt>下载地址</dt>
|
||||||
|
<dd><a href="http://download.odjbinail.cn/app/">http://download.odjbinail.cn/app/</a></dd>
|
||||||
|
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</dl>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item_detail">
|
||||||
|
<h5>食瞳（小程序）</h5>
|
||||||
|
<dl class="project">
|
||||||
|
<dt>开发时间</dt>
|
||||||
|
<dd>2022.12 - 2023.02</dd>
|
||||||
|
<dt>项目描述</dt>
|
||||||
|
<dd>
|
||||||
|
<p>
|
||||||
|
食瞳小程序主要为工厂代招商时，对 B 端用户展示工厂代工产品；其中主要有行业新闻、
|
||||||
|
企业需求、需求&创意发布和个人中心等模块。B 端用户可以在小程序中发布自身的创意或者需求，也可
|
||||||
|
以查看对应行业的情况和需求。
|
||||||
|
</p>
|
||||||
|
</dd>
|
||||||
|
<dt>责任描述</dt>
|
||||||
|
<dd>1.负责实现微信注册登录；</dd>
|
||||||
|
<dd>2.负责首页产品展示模块，行业&需求模块与个人中心的页面开发与接口对接；</dd>
|
||||||
|
<dd>3.负责小程序的上线发布流程。</dd>
|
||||||
|
<dt>开发环境</dt>
|
||||||
|
<dd>
|
||||||
|
<span class="label label-default">HBuilderX</span>
|
||||||
|
<span class="label label-default">微信开发者工具</span>
|
||||||
|
<span class="label label-default">微信公众平台</span>
|
||||||
|
<span class="label label-default">蓝湖</span>
|
||||||
|
<span class="label label-default">Apipost7</span>
|
||||||
|
<span class="label label-default">GIT</span>
|
||||||
|
</dd>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
<dt>技术架构</dt>
|
||||||
|
<dd>
|
||||||
|
<span class="label label-default">Vue2</span>
|
||||||
|
<span class="label label-default">uView UI</span>
|
||||||
|
<span class="label label-default">uni-app</span>
|
||||||
|
<span class="label label-default">Scss 语法</span>
|
||||||
|
</dd>
|
||||||
|
<!--<dt>演示地址</dt>-->
|
||||||
|
<!--<dd><a href="http://cv.odjbinail.cn/rib-account/">http://cv.odjbinail.cn/rib-account/</a></dd>-->
|
||||||
|
<!--</dd>-->
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</dl>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item_detail">
|
||||||
|
<h5>高校学院官网开发</h5>
|
||||||
|
<dl class="project">
|
||||||
|
<dt>开发时间</dt>
|
||||||
|
<dd>2022.08 – 2022.11</dd>
|
||||||
|
<dt>项目描述</dt>
|
||||||
|
<dd>
|
||||||
|
<p>
|
||||||
|
该项目是一个全面展示学校形象的响应式官网，主要有"学院概况"、"党群工作"、"师资
|
||||||
|
队伍"、"教育教学"、"科学研究"、"学生工作"等栏目。其中"通知公告"，"党群动态"等栏目，可以
|
||||||
|
让学生家长更好的了解学校。该官网除了展示学校信息和实现了网站的中英文国际化之外，还有资料下
|
||||||
|
载入口，满足用户的学习需求。同时该官网也配有 admin 后台管理网站，可以赋予不同用户的文章发布
|
||||||
|
权限。
|
||||||
|
</p>
|
||||||
|
</dd>
|
||||||
|
<dt>责任描述</dt>
|
||||||
|
<dd>
|
||||||
|
1.负责该官网的页面开发与接口对接，为了提高效率，全局采用 elementUI 组件库中的 Layout
|
||||||
|
进行布局；
|
||||||
|
</dd>
|
||||||
|
<dd>2.使用 DIV+CSS、JavaScript 实现导航栏的布局和动态交互展示效果；</dd>
|
||||||
|
<dd> 3.使用 axios 调用后台接口来请求数据，从而进行页面的渲染；</dd>
|
||||||
|
<dd>4.使用 vue-router 进行路由的跳转，实现单页面应用程序；</dd>
|
||||||
|
<dd>5.使用 vue-i18n 插件实现网站的中英文国际化。
|
||||||
|
</dd>
|
||||||
|
<dt>开发环境</dt>
|
||||||
|
<dd>
|
||||||
|
<span class="label label-default">WebStorm</span>
|
||||||
|
<span class="label label-default">Nodejs</span>
|
||||||
|
<span class="label label-default">蓝湖</span>
|
||||||
|
<span class="label label-default">Swagger 文档</span>
|
||||||
|
<span class="label label-default">GIT</span>
|
||||||
|
</dd>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
<dt>技术架构</dt>
|
||||||
|
<dd>
|
||||||
|
<span class="label label-default">Vue2</span>
|
||||||
|
<span class="label label-default">Element UI</span>
|
||||||
|
<span class="label label-default">Vue CLI</span>
|
||||||
|
<span class="label label-default">Axios</span>
|
||||||
|
<span class="label label-default">Vue Router</span>
|
||||||
|
<span class="label label-default">Vue I18n</span>
|
||||||
|
<span class="label label-default">Scss 语法</span>
|
||||||
|
</dd>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</dl>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user