kevin/ops
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

进度：需要一个弹出组件

Browse Source 
Signed-off-by: kevin <kevin@lmve.net>
This commit is contained in:
kevin
2025-06-06 20:29:12 +08:00
parent 1f85b9cc10
commit 2c8fc07ebb
15 changed files with 325 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gin_ops/def_config/config_temp.yaml
+1 -1
View File
@@ -1,6 +1,6 @@
web:
host: "127.0.0.1"
web_port: "8080"
port: "8080"
tls: false
cert_private_path: ""
cert_public_path: ""
gin_ops/go.mod
+1
View File
@@ -34,6 +34,7 @@ require (
github.com/leodido/go-urn v1.4.0 // indirect
github.com/mattn/go-colorable v0.1.14 // indirect
github.com/mattn/go-isatty v0.0.20 // indirect
github.com/mitchellh/mapstructure v1.5.0 // indirect
github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd // indirect
github.com/modern-go/reflect2 v1.0.2 // indirect
github.com/ncruces/go-strftime v0.1.9 // indirect
gin_ops/go.sum
+2
View File
@@ -65,6 +65,8 @@ github.com/mattn/go-colorable v0.1.14 h1:9A9LHSqF/7dyVVX6g0U9cwm9pG3kP9gSzcuIPHP
github.com/mattn/go-colorable v0.1.14/go.mod h1:6LmQG8QLFO4G5z1gPvYEzlUgJ2wF+stgPZH1UqBm1s8=
github.com/mattn/go-isatty v0.0.20 h1:xfD0iDuEKnDkl03q4limB+vH+GxLEtL/jb4xVJSWWEY=
github.com/mattn/go-isatty v0.0.20/go.mod h1:W+V8PltTTMOvKvAeJH7IuucS94S2C6jfK/D7dTCTo3Y=
github.com/mitchellh/mapstructure v1.5.0 h1:jeMsZIYE/09sWLaz43PL7Gy6RuMjD2eJVyuac5Z2hdY=
github.com/mitchellh/mapstructure v1.5.0/go.mod h1:bFUtVrKA4DC2yAKiSyO/QUcy7e+RRV2QTWOzhPopBRo=
github.com/modern-go/concurrent v0.0.0-20180228061459-e0a39a4cb421/go.mod h1:6dJC0mAP4ikYIbvyc7fijjWJddQyLn8Ig3JB5CqoB9Q=
github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd h1:TRLaZ9cD/w8PVh93nsPXa1VrQ6jlwL5oN8l14QlcNfg=
github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd/go.mod h1:6dJC0mAP4ikYIbvyc7fijjWJddQyLn8Ig3JB5CqoB9Q=
gin_ops/main.go
+6 -5
View File
@@ -92,18 +92,19 @@ func main() {
routers.Def_router(r.Group("/")) //分组路由传递到def_routers。go
var http_port = models.Wed_configs["host"].(string) + ":" + models.Wed_configs["web_port"].(string)
if models.Wed_configs["tls"].(bool) {
if models.Wed_configs["cert_public_path"] == "" || models.Wed_configs["cert_private_path"] == "" {
var http_port = models.Wed_configs.Host + ":" + models.Wed_configs.Port
var gin_port = "0.0.0.0" + ":" + models.Wed_configs.Port
if models.Wed_configs.Tls {
if models.Wed_configs.Cert_public_path == "" || models.Wed_configs.Cert_private_path == "" {
fmt.Printf("需要配置证书路径")
return
} else {
fmt.Println("https://" + http_port)
r.RunTLS(http_port, models.Wed_configs["cert_public_path"].(string), models.Wed_configs["cert_private_path"].(string))
r.RunTLS(gin_port, models.Wed_configs.Cert_public_path, models.Wed_configs.Cert_private_path)
}
} else {
fmt.Println("http://" + http_port)
r.Run(http_port)
r.Run(gin_port)
}
}
gin_ops/models/config.go
+8 -2
View File
@@ -1,8 +1,10 @@
package models
import "github.com/mitchellh/mapstructure"
var Configs map[string]interface{}
var Wed_configs map[string]interface{}
var Wed_configs Wed_configs_t
var Database_configs map[string]interface{}
@@ -25,7 +27,11 @@ func init() {
func All_config_init() {
//读取web配置
Wed_configs = Configs["web"].(map[string]interface{})
err := mapstructure.Decode(Configs["web"].(map[string]interface{}), &Wed_configs)
if err != nil {
panic(err)
}
//初始化数据库
Database_init()
gin_ops/models/config_head.go
+9
View File
@@ -0,0 +1,9 @@
package models
type Wed_configs_t struct {
Host string `mapstructure:"host"`
Port string `mapstructure:"port"`
Tls bool `mapstructure:"tls"`
Cert_private_path string `mapstructure:"cert_private_path"`
Cert_public_path string `mapstructure:"cert_public_path"`
}
gin_ops/routers/api_users.go
+16 -13
View File
@@ -1,7 +1,6 @@
package routers
import (
"fmt"
"saas/models"
"strings"
"time"
@@ -64,18 +63,17 @@ func V1_user_api(r *gin.RouterGroup) {
//返回前端的数据
err_msg = "user_api_error"
err_code = Error_code[err_msg]
//转换传进来的数据
var jsonData map[string]interface{}
if err := ctx.ShouldBindJSON(&jsonData); err != nil {
fmt.Println("解析JSON ERROR:", err)
panic(err)
}
var jsonData Login_from
if err := ctx.ShouldBindJSON(&jsonData); err == nil {
//转换字段
newUser := models.User{
Name: jsonData["username"].(string),
Pass: jsonData["userpass"].(string), // 实际应替换为哈希值
Name: jsonData.Username,
Pass: jsonData.Password, // 实际应替换为哈希值
// Date 字段无需赋值，数据库会自动填充默认值
}
//对用户的密码进行哈希替换
newUser.Pass = models.Hash_user_pass(newUser.Pass)
@@ -91,7 +89,7 @@ func V1_user_api(r *gin.RouterGroup) {
//发送cookie
//cookie时间
var cookie_time = 0
if jsonData["keep_login"].(bool) {
if jsonData.Is_keep_login {
cookie_time = models.User_configs["cookie_timeout"].(int)
}
@@ -100,7 +98,7 @@ func V1_user_api(r *gin.RouterGroup) {
//fmt.Println(cookie)
//将cookie写进数据库
new_cookie := models.Cookie{}
new_cookie.Domain = models.Wed_configs["host"].(string)
new_cookie.Domain = models.Wed_configs.Host
new_cookie.Name = "user"
new_cookie.Value = cookie
new_cookie.UserID = user.ID
@@ -110,8 +108,8 @@ func V1_user_api(r *gin.RouterGroup) {
new_cookie.UpdatedAt = new_cookie.CreatedAt
//计算cookie失效时间
new_cookie.ExpiresAt = time.Now().Add(time.Duration(models.User_configs["cookie_timeout"].(int)) * time.Second) //计算过期时间
new_cookie.SecureFlag = models.Wed_configs["tls"].(bool)
ctx.SetCookie("user", cookie, cookie_time, "/", models.Wed_configs["host"].(string), models.Wed_configs["tls"].(bool), true)
new_cookie.SecureFlag = models.Wed_configs.Tls
ctx.SetCookie("user", cookie, cookie_time, "/", models.Wed_configs.Host, models.Wed_configs.Tls, true)
models.DB.Create(&new_cookie) // 传入指针
@@ -127,6 +125,11 @@ func V1_user_api(r *gin.RouterGroup) {
err_code = Error_code[err_msg]
}
} else {
err_msg = "json_error"
err_code = Error_code[err_msg]
}
ctx.JSON(200, map[string]interface{}{
"api": "ok",
"err_code": err_code,
@@ -151,7 +154,7 @@ func V1_user_api(r *gin.RouterGroup) {
cookie.Value = cookie_vel
models.DB.Where(&cookie).Delete(&cookie)
//删除前端cookie
ctx.SetCookie("user", "", -1, "/", models.Wed_configs["host"].(string), models.Wed_configs["tls"].(bool), true)
ctx.SetCookie("user", "", -1, "/", models.Wed_configs.Host, models.Wed_configs.Tls, true)
err_msg = "api_ok"
err_code = Error_code[err_msg]
gin_ops/routers/api_users_head.go
+7
View File
@@ -0,0 +1,7 @@
package routers
type Login_from struct {
Is_keep_login bool `json:"is_keep_login"`
Username string `json:"username"`
Password string `json:"password"`
}
gin_ops/routers/def_routers.go
+3 -3
View File
@@ -68,7 +68,7 @@ func Def_router(r *gin.RouterGroup) {
} else {
//找不到登录权限？？ 可能被封号？
//删除前端cookie
ctx.SetCookie("user", "", -1, "/", models.Wed_configs["host"].(string), models.Wed_configs["tls"].(bool), true)
ctx.SetCookie("user", "", -1, "/", models.Wed_configs.Host, models.Wed_configs.Tls, true)
}
} else {
@@ -77,12 +77,12 @@ func Def_router(r *gin.RouterGroup) {
//删除数据库的cookie
models.DB.Delete(&cookie)
//删除前端cookie
ctx.SetCookie("user", "", -1, "/", models.Wed_configs["host"].(string), models.Wed_configs["tls"].(bool), true)
ctx.SetCookie("user", "", -1, "/", models.Wed_configs.Host, models.Wed_configs.Tls, true)
}
} else {
//找不到cookie，未登录
//删除前端cookie
ctx.SetCookie("user", "", -1, "/", models.Wed_configs["host"].(string), models.Wed_configs["tls"].(bool), true)
ctx.SetCookie("user", "", -1, "/", models.Wed_configs.Host, models.Wed_configs.Tls, true)
}
}
gin_ops/templates/sign-in-01.html
+2 -2
View File
@@ -161,8 +161,8 @@
const url = '/api/v1/user/login';
const sumt_data = {
username: username_dom.value,
userpass: password_dom.value,
keep_login: keep_login_dom.checked
password: password_dom.value,
is_keep_login: keep_login_dom.checked
};
try {
vue3/components/tabler-footer/tabler-footer.vue
+68
View File
@@ -0,0 +1,68 @@
<template>
<footer class="footer footer-transparent d-print-none my_footer">
<div class="container-xl">
<div class="row text-center align-items-center flex-row-reverse">
<div class="col-lg-auto ms-lg-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="https://git.lmve.net/kevin/gin_saas/-/blob/main/readme.md?ref_type=heads" target="_blank"
class="link-secondary" rel="noopener">文档</a></li>
<li class="list-inline-item"><a href="https://git.lmve.net/kevin/gin_saas/-/blob/main/LICENSE?ref_type=heads" target="_blank" class="link-secondary">开源协议</a>
</li>
<li class="list-inline-item"><a href="https://git.lmve.net/kevin/gin_saas" target="_blank"
class="link-secondary" rel="noopener">
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-orange" width="24" height="24"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M21 14l-9 7l-9 -7l3 -11l3 7h6l3 -7z" />
</svg>
源码</a></li>
<li class="list-inline-item">
<a href="https://wnfed.com" target="_blank" class="link-secondary" rel="noopener">
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" width="24"
height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" />
</svg>
博客
</a>
</li>
</ul>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item">
Copyright &copy; 2025
<a href="https://lmve.net" target="_blank" class="link-secondary">Lmve.NET</a>.
All rights reserved.
</li>
<li class="list-inline-item">
<a href="https://git.lmve.net/kevin/gin_saas/-/commits/main" target="_blank" class="link-secondary" rel="noopener">
v0.0.1
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</template>
<script>
export default {
name:"tabler-footer",
data() {
return {
};
}
}
</script>
<style>
</style>
vue3/my_network_func.js
+31
View File
@@ -0,0 +1,31 @@
export const my_network_func = {
host: "",
port: 0,
head_path: "/api/v1",
post_json(path, json,callback) {
var re_data = {}
uni.request({
header: {
'Content-Type': 'application/json'
},
url: this.head_path + path,
method: 'POST',
data: json,
timeout: 10000,
success(res) {
re_data["statusCode"] = res.statusCode
re_data["data"] = res.data
callback(re_data)
},
fail() {
re_data["statusCode"] = -1
callback(re_data)
}
});
},
}
vue3/mycss.css
+21 -4
View File
@@ -1,9 +1,26 @@
.my-input-field {
height: 80rpx;
padding: 16rpx 1rpx;
.my_input_field {
height: 70rpx;
padding: 16rpx 16rpx;
border-radius: 18rpx;
border: 2rpx solid rgba(58, 77, 128, 0.08);
border: 2rpx solid #e3e3e3;
font-size: 36rpx;
box-shadow: 0 4rpx 12rpx rgba(58, 77, 128, 0.08);
}
.my_input_placeholder {
font-size: 30rpx;
color: #cfcfcf;
}
.my_input_placeholder_error {
font-size: 30rpx;
color: #d48686;
}
.my_footer{
margin-top: auto;
}
vue3/pages/index/index.vue
+5 -6
View File
@@ -1,12 +1,11 @@
<template>
<view class="d-flex flex-column ">
<div class="page">
<tabler-header></tabler-header>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{title}}</text>
</view>
</view>
<tabler-footer></tabler-footer>
</div>
</view>
</template>
vue3/pages/signin.vue
+81 -15
View File
@@ -10,8 +10,8 @@
<div class="col-lg">
<div class="container-tight">
<div class="text-center mb-4">
<div class="navbar-brand navbar-brand-autodark"><img src="/static/logo.svg"
height="36" alt=""></div>
<div class="navbar-brand navbar-brand-autodark"><img src="/static/logo.svg" height="36"
alt=""></div>
</div>
<div class="card card-md">
<div class="card-body">
@@ -19,25 +19,32 @@
<div class="mb-3">
<label class="form-label">用户名</label>
<input type="text" class="my-input-field" placeholder="输入你的用户名" autocomplete="off" maxlength="25">
<label class="form-label mb-0 ms-1">用户名</label>
<input type="text" class="my_input_field"
:placeholder-class="is_username_err?'my_input_placeholder_error':'my_input_placeholder'"
:placeholder="ph_username" autocomplete="off" maxlength="25"
v-model="post_data.username">
</div>
<div class="mb-2">
<label class="form-label">
密码
</label>
<label class="form-label mb-0 ms-1">密码</label>
<input type="password" class="my-input-field" password="true" placeholder="输入你的密码" autocomplete="off" maxlength="100">
<input type="password" class="my_input_field"
:placeholder-class="is_password_err?'my_input_placeholder_error':'my_input_placeholder'"
password="true" :placeholder="ph_password" autocomplete="off"
maxlength="100" v-model="post_data.password">
</div>
<div class="mb-2">
<checkbox-group @change="chack_box_change">
<label class="d-flex">
<checkbox />
<checkbox value="keep_login_in" />
<span class="form-check-label">保持登录</span>
</label>
</checkbox-group>
</div>
<div class="form-footer">
<button class="btn btn-primary w-100">登录</button>
<button class="btn btn-primary w-100" @click="submit_data">登录</button>
</div>
</div>
@@ -51,6 +58,7 @@
<a href="./forgot-password.html">忘记密码？</a>
</span>
</div>
</div>
</div>
<div class="col-lg d-none d-lg-block">
@@ -61,19 +69,76 @@
</div>
</div>
<tabler-footer></tabler-footer>
</view>
</template>
<script>
import {
my_network_func
} from '../my_network_func'
import {
Offcanvas
} from 'bootstrap'
export default {
data() {
return {
ph_username: "输入你的用户名",
ph_password: "输入你的密码",
is_username_err: false,
is_password_err: false,
post_data: {
is_keep_login: false,
username: "",
password: "",
}
}
},
methods: {
chack_box_change(val) {
//console.log(val.detail.value[0])
if (val.detail.value[0] === 'keep_login_in') {
this.post_data.is_keep_login = true
} else {
this.post_data.is_keep_login = false
}
},
submit_data() {
//提交登录数据，
//先验证数据合法性
if (this.post_data.username == "") {
this.is_username_err = true
this.ph_username = "用户名不能为空"
} else {
this.is_username_err = false
}
if (this.post_data.password == "") {
this.is_password_err = true
this.ph_password = "密码不能为空"
} else {
this.is_password_err = false
}
if (this.is_username_err === false && this.is_password_err === false) {
console.log(this.post_data)
my_network_func.post_json("/user/login", this.post_data, (c) => {
console.log(c)
})
} else {
}
}
}
}
</script>
@@ -81,10 +146,12 @@
<style>
.my123 {
/* 设置边框：宽度、样式、颜色 */
border: 1px solid #e3e3e3; /* 2像素宽的红色实线边框 */
border: 1px solid #e3e3e3;
/* 2像素宽的红色实线边框 */
/* 设置圆角，值越大，角越圆 */
border-radius: 3px; /* 也可以使用百分比，例如50%会变成圆形 */
border-radius: 3px;
/* 也可以使用百分比，例如50%会变成圆形 */
font-size: 24px;
@@ -94,5 +161,4 @@
}
</style>