xioayue
/
jwebfs
1
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity
Browse Source

调整布局创建新的口

master
453530270@qq.com 2 years ago
parent
069e7422c2
commit
d1cd14285c
4 changed files with 238 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 71
      fssc/internal/handler/webconsole.go
  2. 2
      fssc/main.go
  3. 3
      fssc/web/embed.go
  4. 162
      fssc/web/wbconsole.tmpl

71
fssc/internal/handler/webconsole.go
View File

@ -0,0 +1,71 @@
package handler
import (
"fssc/config"
"fssc/internal/util"
"fssc/web"
"html/template"
"net/http"
"os"
"path/filepath"
"strings"
)
// web 控制台
func WebConsole(w http.ResponseWriter, r *http.Request) {
urlpath := r.URL.Query().Get("p")
upath := strings.TrimSuffix(urlpath, "console")
// serve download page for send
realFilePath := filepath.Join(config.G.FilePath, upath)
downloadPath := filepath.Join(filepath.Base(config.G.FilePath), r.URL.Path[1:])
fileInfo, err := os.Stat(realFilePath)
if err != nil {
http.Error(w, err.Error(), http.StatusInternalServerError)
return
}
data := struct {
DeviceName string
Loip string
Rundir string
IsDir bool
FileName string
DownloadPath string
UrlPath string
Files []os.DirEntry
}{
DeviceName: config.G.DeviceName,
Loip: config.G.LocalIP,
Rundir: config.G.FilePath,
DownloadPath: downloadPath,
UrlPath: strings.TrimSuffix(r.URL.Path, "/"),
// UrlPath: r.URL.Path,
}
if fileInfo.IsDir() {
data.IsDir = true
// 遍历目录
files, err := os.ReadDir(realFilePath)
if err != nil {
http.Error(w, err.Error(), http.StatusInternalServerError)
return
}
data.Files = files
} else {
data.FileName = filepath.Base(realFilePath)
}
// add self template function
fmap := template.FuncMap{"b64en": util.Bas64end}
// 文件列表模板
tmpl, err := template.New("console").Funcs(fmap).Parse(web.WbConsole)
if err != nil {
http.Error(w, err.Error(), http.StatusInternalServerError)
return
}
err = tmpl.Execute(w, data)
if err != nil {
http.Error(w, err.Error(), http.StatusInternalServerError)
}
}

2
fssc/main.go
View File

@ -52,6 +52,8 @@ func sendClient() error {
http.HandleFunc("/sendZip", handler.SendZip)
// 监视目标的fs json
http.HandleFunc("/nf", handler.NfTest)
// web console
http.HandleFunc("/console", handler.WebConsole)
fmt.Println("send file to server...")

3
fssc/web/embed.go
View File

@ -15,3 +15,6 @@ var UpPage string
// go:embed favicon.ico
var WbIco string
//go:embed wbconsole.tmpl
var WbConsole string

162
fssc/web/wbconsole.tmpl
View File

@ -0,0 +1,162 @@
<!DOCTYPE html>
<html>
<head>
<title>send file to server</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/static/static/css/bootstrap.css">
<link rel="icon" type="image/x-icon" href="/favicon.ico?v=2">
<script type="text/javascript" src="/static/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/static/js/bootstrap.min.js"></script>
<style>
.list-group>.list-group-item {
padding: 20px;
}
.optzone {
height: 60px;
}
.stabox{
height: 260px;
overflow:scroll;
}
.icon {
display: inline-block;
width: 24px;
height: 24px;
}
.folder-icon {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAgcHJlc2VydmVBc3BlY3RSYXRpbz0neE1pZFlNaWQgbWVldCcgIHZpZXdCb3g9IjAgMCAyNCAyNCIgPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIKZD0iTTEwIDRINEMyLjkgNCAyIDQuOSAyIDZWMThDMiAxOS4xIDIuOSAyMCA0IDIwSDIwQzIxLjEgMjAgMjIgMTkuMSAyMiAxOFY4QzIyIDYuOSAyMS4xIDYgMjAgNkgxMkwxMCA0WiIgLz48L3N2Zz4=");
background-repeat: no-repeat;
}
.file-icon {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyAgcHJlc2VydmVBc3BlY3RSYXRpbz0neE1pZFlNaWQgbWVldCcgIHZpZXdCb3g9IjAgMCAyNCAyNCIgPjxwYXRoIGQ9Ik0xNCAySDZDNC45IDIgNCAyLjkgNCA0VjIwQzQgMjEuMSA0LjkgMjIgNiAyMkgxOEMxOS4xIDIyIDIwIDIxLjEgMjAgMjBWOEwxNCAyTTEzIDlWMy41TDE4LjUgOUgxM1oiIC8+IDwvc3ZnPg==");
background-repeat: no-repeat;
}
</style>
</head>
<body>
<div class="jumbotron">
<div class="container">
<p>文件更新控制台</p>
</div>
</div>
<!-- 输入服务器ip -->
<div class="container">
<div class="col-md-12 no-padding">
<div class="form-group col-md-10">
<div class="input-group">
<input type="hidden" class="form-control" name="bpath" value="" />
</div>
<div class="input-group">
<input type="hidden" class="form-control" name="bfile" value="" />
</div>
<div class="input-group">
<div class="input-group-addon">服务器ip</div>
<input type="text" class="form-control" name="sip" placeholder="eg:192.168.66.99">
</div>
</div>
<div class="form-group col-md-2">
<button type="submit" class="btn btn-primary">Transfer</button>
</div>
</div>
</div>
<!-- 罗列文件的列表信息 -->
<div class="container">
<!-- 源服务器 -->
<div class="col-md-6">
<div class="panel panel-default">
<!-- Default panel contents -->
<div class="panel-heading">源站({{.Loip}})</div>
<div class="panel-body">
<p>监听目录：/www</p>
<p>相对目录: /app/common </p>
</div>
<!-- List group -->
<ul class="list-group">
{{ range .Files }}
<li class="list-group-item optzone">
<div class="col-md-8">
{{ if .IsDir }}
<span class="icon folder-icon"></span>
<a href="/up?p={{b64en $.UrlPath }}&f={{b64en .Name }}">{{ .Name }}</a>
{{ else }}
<span class="icon folder-icon"></span>
<a href="/up?p={{b64en $.UrlPath}}&f={{b64en .Name}}">{{ .Name }}</a>
{{ end }}
</div>
<div class="col-md-4">
<a href="/up?p={{b64en $.UrlPath}}&f={{b64en .Name}}" title="更新{{ .Name }}" class="btn btn-primary btn-sm">同步</a>
<a href="#" class="btn btn-success btn-sm">复制</a></a>
</div>
</li>
{{ end }}
</ul>
</div>
</div>
<!-- 目标服务器 -->
<div class="col-md-6">
<div class="panel panel-default">
<!-- Default panel contents -->
<div class="panel-heading">目标站(220.44.660.44)</div>
<div class="panel-body">
<p>监听目录：/www</p>
<p>相对目录: /app/common </p>
</div>
<!-- List group -->
<ul class="list-group">
<li class="list-group-item optzone">
<div class="col-md-8">Cras justo odio</div>
<div class="col-md-4">
<a href="#" class="btn btn-primary btn-sm">同步</a>
<a href="#" class="btn btn-success btn-sm">复制</a></a>
</div>
</li>
<li class="list-group-item">Dapibus ac facilisis in</li>
<li class="list-group-item">Morbi leo risus</li>
<li class="list-group-item">Porta ac consectetur ac</li>
<li class="list-group-item">Vestibulum at eros</li>
</ul>
</div>
</div>
</div>
<!-- 状态信息 -->
<div class="container">
<div class="col-md-12">
<div class="panel">
<div class="panel-heading">运行状态</div>
<div class="panel-body" >
<ul class="list-group">
<li class="list-group-item">aa 复制完成</li>
</ul>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function(){
//
});
</script>
</body>
</html>
Write Preview
Loading…
Cancel
Save