From 6f04106adc158d7a363ee9ec4ad877dbcf709d17 Mon Sep 17 00:00:00 2001
From: ManGe <2912882908@qq.com>
Date: Wed, 20 Sep 2023 17:51:13 +0800
Subject: [PATCH] .

---
 .gitignore                               |   4 +
 TODOLIST.md                              |   9 +-
 master/constname/variable.go             |  13 ++
 master/data.db                           | Bin 32768 -> 32768 bytes
 master/entity/website.go                 |   1 +
 master/handler/website_api.go            | 140 +++++++++++++++++
 master/routers/base.go                   |  11 ++
 master/static/css/page.css               |   4 +
 master/static/js/public.js               | 141 ++++++++++++++++--
 master/views/section/add_host_modal.html | 182 ++++++++++++++++-------
 10 files changed, 445 insertions(+), 60 deletions(-)
 create mode 100644 master/handler/website_api.go

diff --git a/.gitignore b/.gitignore
index 3b735ec..9508bfd 100755
--- a/.gitignore
+++ b/.gitignore
@@ -19,3 +19,7 @@
 
 # Go workspace file
 go.work
+
+*.db
+*.log
+log
diff --git a/TODOLIST.md b/TODOLIST.md
index b3841ed..9a12ded 100755
--- a/TODOLIST.md
+++ b/TODOLIST.md
@@ -11,8 +11,15 @@
 - tool : 在线ping ok
 - tool : 获取证书  ok
 - tool : 网站信息获取  ok
-- master 添加网站
+- master 添加网站 ok
+- master 监测网站列表
 - master 获取网站基础信息
+- master 删除网站监测
+- master 监测网站采集到url
+- master 监测设置
+- master 图表
+- master 报警信息
+- master 报警信息
 - master 任务表
 - monitor 每次启动拉一次监测任务表
 - master 获取monitor在线情况
diff --git a/master/constname/variable.go b/master/constname/variable.go
index 07a8131..f4c7065 100755
--- a/master/constname/variable.go
+++ b/master/constname/variable.go
@@ -13,3 +13,16 @@ const (
 	DayLayout     = "20060102"
 	MasterVersion = "v0.1"
 )
+
+// default param
+var (
+	DefaultMonitorRate              int64 = 15
+	DefaultContrastUrl                    = "https://www.baidu.com"
+	DefaultContrastTime             int64 = 1000
+	DefaultPing                           = "8.8.8.8"
+	DefaultPingTime                 int64 = 1000
+	DefaultUriDepth                 int64 = 2
+	DefaultScanRate                 int64 = 24
+	DefaultWebsiteSlowResponseCount int64 = 3
+	DefaultSSLCertificateExpire     int64 = 14
+)
diff --git a/master/data.db b/master/data.db
index d7c2334c49a123147dd5af865a939577692ff7ea..24228a12e2d03b66fe9fed3775367fae9b363ae0 100755
GIT binary patch
literal 32768
zcmeI4TWlQF8OII1x3s0DD!sg%j)c@w?__88zE#w0))rY|9LpO-0aJH8JL?_1JF}UY
zwPT{RP9TIp$fZQ(W-j5Hv^1n8KxzoIs??W0pz_$q;MuhwP*qi``p}2|zq#zqp^i~$
zp*j<<XU;j_`ObHK=gfCz=X}n<fPZ{EIKTVnE8e}FuCMIP4~hpq5nOyKI5)5GFWx%y
z_EmrTW8~RTj-NRJPJk2O1ULasfD_;ZH~~(86W|0m0Z!n<L*TN&luP~o|FJ+m{QmC-
z-~adNzq|GAzi$2Kho@)U5>9{<-~>1UPJk2O1ULasfD_;ZH~~(869@@-d;LgUJ`lbM
z@VEZIg1jH%yM4uR>UMV1rn$K}F&0b4Vxns77AmIg2wCA`g~FiV=uTBbaqHltt!Gc-
zhh11W&RWM$x~CsUYURbVD=$7axP0z`=1V7A&mD2kpNb9nMei)^b&nicIr!_=(K`d-
z(<fI>FSQ=It9AZZ>lY8dv#<{hlr&ql^tz*)Mt3uleND7${pIyTerwGmN0;AtbiFp0
zm!4_9ym!TG8C9G2{j~MkV;2?{mtX%m)VQZ#xv=mUEJe=hsTbU%hg<tjBgboG!M*3e
z^0}qurMs8U{nCB(Jo?r=bF8^|zkBZq*xp*auiep=SD$d7dA{}R<EXfL=Xu!P=H>Tt
zMw_2At&-i{MRZ<Qy<T68{id=qOT{97L2_ucC}ejFdL1f^MzuO9sD@Ibks*eLUDT{u
z%_@u`W5iUIYIp9aFBs<Qc7AA7$d;9=tqlq_D3p_;oQO&BJ%d7FELSR7LiX0%1_j&G
z35_@Cs%6?{*@+Yi#Z6LFj6ywZb2P&lHdM2u8`BV*zC*8f3Pu!Tx}i)5CKih$dChY4
zvaTwQRxrvYb*EufQSV~ihaRn5)>KEI)pqD!N9Cw2N2F*(jx$Nl#?#rj%-nm<FyzM~
zk`$2>VZMaghUsk8%BF?(rDQUhNGCJ0>}BW5j)opesc1BvPNihY0~kQMwtZ)OFT6#d
z%v9~VPdG3acM;{u;&j!V0!V$@5LL6bY1&q*^@?Iw6nR=E7FKmgw;fBLYS0WHGj+qE
zNkCnO4ivA|(5pm*3>4|M-5{%l{OIN!H36V3pJNeL+?JCQNnBhf4{qOloo7!G_Ap~M
zVk?9B&0B|q`WU6IF}QJjq+^J!sSQi(w?$P{j9ITemIR9&XskD;s=9i;HlM3bo0jfW
zYEU;`%%R9`Ox=#5^R4X=MG5Ap?ceD!l7pFwgND0R`2C5HCd|jOUiBvz#OEre4tTo-
z%QQ*(HLQ>u&9R%dZ7&p=KUpV?YZwNd)iCf($1JmI3V~<%A>lzbtJ}K60{-L)b;VFb
z)0(ELJ1V-(b^`P~vosiHXeA~w)9cNIF=1F*S+lY%I6QmcLk(TUZz?aDHAOc<f&3`t
zLA7G&wr56`<tw_OumWx!D0kSX=D;t^Afsby9(R>yv2W)`M+^DyOc)AoNX@nbt)r&M
z;)AScHk=BJ<5P4jO>_FiZmF2YG`p^$7%bm_6}?KfYWnTK%A{yi%0&B1JsZh%y2TaM
z30hW4H60ysEOcd7n=r`#gk5Fq<_5b(GeGep+uu5nbvpFjbP~QMkxomoWI8!vl$Bi(
z!wmb|T^f@o3@w6zuZE?nW^U=87QGxDO|4+cDAj(1IisrSY+K|1ks+M)doz^bp!*pT
zr5=cee}@N*b0StmF+U3LAC<BtHI<FF|4GP<iISATswPUH+*5OFr)D6OTq~4cBa~Vz
zG}I9aY{30=Q8UtOD-U-n2WDi}3Q-q_$47^Ei1^S#hhE8IRE)>rYwU<sQXItxlE6Y1
zXK5z0L@64V>FG|JlH*D|lbO;|X+@FclB7n}%#;#K%2K*qj%UiHOhSpPrLv^Nl~N|9
zCR0(;JYjgAEu76P^mA~*mQCyVkmu$YEty#sE|U|+`1Zn3mIfpfjmc4)U`Td4n#^RR
zj2s~k8B{Df@cM9QYE_4?+hHk&4Zk{OnH7CXceD~zY15vkG2ndM{b!p$JJ33O*Xo0(
zThAYB-n-CTJh=MsQFs3f?vZodvMldAEH>=ljq|w6^f^3-kWE|Wm5OP4j=ESk4I66~
zJYd)myt;e%xzz_xHXnMxJ$k?2&dR<M%deg9ZH+q3{AYnI7L$5RRH`~2z-alOF#1d5
zJ*8n|-iky|H9oCKG!~JgEE>;B>1-l1VGQr8>*QszXoXU8dW{rrfZ}jI%Nho)qeP7s
z%)(fnmdJnqR1aJ0iZPF&#F+X^uz#)BRsUj6o5DJ&QGa?e3PwrW<>x4klI{%QY0gh#
zjly$|>f}@vs}<$#*%N*<;b%^O6ZoJBg!}nd;tc>DVSN85Kj?<JeolZB-~>1UPJk2O
z1ULasfD_;ZH~~(86Zo$Y2;=@QANZ=*CPe}K2*19Ba}FO$KZRfP-vMk1(ie~>={tk;
z3|<|48P_)i=_RD8z7?b+c**c}To;1$Px{h-Li#F{{WvHehf!a|H4D-^k^VHLp_lAA
zh?f(e#regcT*e<GP<t#$7m+6W!t^}SWFPf`>feX-*KmF}NH0J+wa<d|(|zebApH%L
zy%Ln){h5J*&*S<ZL3%fg>27}!>8nx3g7V*Ym2bl<YSWsZEab-~9c8MjLFS@Ie?SHS
zLH`H36<j}j^R2hFGwK^t_=SFj^~oN6qxOht&fK^`trR!%{Vp@xT1dCh9YsQ$v)D?V
zQuI=TUWC6#I@~G{+8rIkJNS)tl?I*$EJWpL@C=gV6t+g9qSR53P4bOtr;&+uX(t7q
z^0w)IPt({@z*a)g&vYzIwZ+;!yvcu&P8+-%Glgbd_ay07)HAq2!H%Kp3;&T8JVm`N
z(8l}5bkjYwxeMe?o(d0T-^A&_>xJ4zIVgl8x9NszX*KK_t!E5c#-Xn};mP&*$CEhG
z=zq&k4*V8p_=doh4h+17Ynpf0;zP&Z@u9z$3gxf5%y(?T-%t%)jWlWhCO&iw2IZmr
zFw&nxJ~=Zw#sm4V{tu9*_Q@tm#uj1cBlz)1jJby%TwZ!1IJxKcv6a2YR~H@;I(Gsh
z72Lb`Bi^bo*1izD-O*@DOvc1ayrb+lZ!Vu(Y%T6(%~yZrF1|$iRv&tE^}r$b)wB5V
ztI?(^b~8J*`b}sZe|h=M6M`&@2{A4vh1MH~5j#Z@6G9xjv63ib_p+Vq-ut9`&nXJx
zI`jJS(jyQ`ro|X4CfXv%hDh_ovDJM~GxxwV?twGz6Nj0Qf;KQopqaKTW5qhQ^&BAu
z8zm}>3C)+Da`&I{3_xx|Ok%rNXx?=M0b9`P<<oBAdNT^c5gg=!Xk=#b@oHjwzr0&0
zTkv~XLC#2WIxT0S=`A~V2EI^1tVZ4}(MDP6j#{-g*Qn1|jhWJPMTG|mw(9JfQy1G+
z>L!A0vT_0uc;*P!8B~=rQbJ0~u}mt|yr-tv2o;$m1J<+OH@;>XI@YX7&9WvbJm%7B
z1)G7B9VbSPsrv{el&WIYCap$QTTgQ@Pg-hD;d8N2u=O@GgSLxRb8cL-X=^u#7=u@i
z!d?3gxVt!SHZVuBu|Wa;y(=Wj+jqq%NpUYw434lJCO4&&Ms#CF$U0U7QFGcZhm!dU
zHkVPsi>2Gsfq<x~_4@DA3#-&AFl=L0Y*jHP)rzLhG}d)<Yhly#-1~vuu=F9V?o=>0
z5x)f!#=Q+-8N?_x>~q2PZxCKcnOl3=QC0_So7#q+plH6FeV<(j?g8I$33nKU=UBLt
zZd?<M*!@5gO8L=<6x@IqI6pQmEqecOFH=Uh0HP2z+6!;5d62;p24*FSOUxwTi=(kv
z8v^idY!)Dba`Jsl9;&tuaDRgG-<$v^@X;U;?)QiL|M)8I9en@)qcMKmN=|?i-~>1U
zPJk2O1ULasfD_;ZH~~)JQV4|K^ZUR5hwlY0MF*GR1ULasfD_;ZH~~(86W|0m0ZxDu
o-~>1UPJk2O1ULasfD_;ZH~~(86W|0m0ZxDu-~>2<|1E)k0fH7E9smFU

delta 562
zcmZo@U}|V!nxMeQH2I^wxC9#m1l-_)&>s)8zj`12P=B+c!3O?G0t$@G6BQAvu0vIE
zy?v#9*TQolM3n;9WG;tC^$I`}7=d^;I|G9RkcROO1Np*8{AXx<P7VeJDI|GgAfFeB
z9{}VFBJm4>d~qcH42b;VY)AIVmL3|Dn?1B9Kk($6+~GM1Ods^r-F(>FmStmtHq&GS
z0glNW4lVU1Km$OI^<ZIO;72kn9mofo$DqIjk*@~^5XjT(ff%G-1L$~U$9MwyVj%TU
z`FtQ>2#G%t$VU#0oj^V?Frwia?mz_K{Qp2ca%gA*U4tANZV=zX)u#jb$f424u{q6A
yi<!}Q@<bQ6%@19=m<a@mDbpkej?EkiKlmpF2yg<u4F)Wm6%+2uZ#GEa5C8y|)l_l-

diff --git a/master/entity/website.go b/master/entity/website.go
index 966c207..9efa3d2 100755
--- a/master/entity/website.go
+++ b/master/entity/website.go
@@ -49,6 +49,7 @@ type WebsiteScanCheckUp struct {
 	ScanRate     int64  `json:"scanRate"`     // 扫描网站频率  单位秒
 	ScanExtLinks bool   `json:"scanExtLinks"` // 是否检查外链,对比上一次扫描数据判别外链是否变化
 	ScanBadLink  bool   `json:"scanBadLink"`  // 是否扫描死链接
+	ScanTDK      bool   `json:"scanTDK"`      // 是否扫描进行TDK检查
 	// TODO... 安全扫描， Sql注入, XSS等等...
 }
 
diff --git a/master/handler/website_api.go b/master/handler/website_api.go
new file mode 100644
index 0000000..f26c84a
--- /dev/null
+++ b/master/handler/website_api.go
@@ -0,0 +1,140 @@
+package handler
+
+import (
+	"github.com/mangenotwork/common/ginHelper"
+	"github.com/mangenotwork/common/log"
+	"time"
+	"website-monitor/master/constname"
+	"website-monitor/master/dao"
+	"website-monitor/master/entity"
+)
+
+type WebsiteAddParam struct {
+	Host                     string `json:"host"`
+	Notes                    string `json:"notes"`
+	MonitorRate              int64  `json:"monitorRate"`
+	ContrastUrl              string `json:"contrastUrl"`
+	ContrastTime             int64  `json:"contrastTime"`
+	Ping                     string `json:"ping"`
+	PingTime                 int64  `json:"pingTime"`
+	UriDepth                 int64  `json:"uriDepth"`
+	ScanRate                 int64  `json:"scanRate"`
+	ScanBadLink              bool   `json:"scanBadLink"`
+	ScanTDK                  bool   `json:"scanTDK"`
+	ScanExtLinks             bool   `json:"scanExtLinks"`
+	WebsiteSlowResponseTime  int64  `json:"websiteSlowResponseTime"`
+	WebsiteSlowResponseCount int64  `json:"websiteSlowResponseCount"`
+	SSLCertificateExpire     int64  `json:"SSLCertificateExpire"`
+}
+
+func WebsiteAdd(c *ginHelper.GinCtx) {
+	param := &WebsiteAddParam{}
+	err := c.GetPostArgs(param)
+	if err != nil {
+		c.APIOutPutError(err, "参数或参数类型错误")
+		return
+	}
+	if len(param.Host) < 1 {
+		c.APIOutPutError(nil, "参数错误: host不能为空")
+		return
+	}
+	if param.MonitorRate < 1 {
+		param.MonitorRate = constname.DefaultMonitorRate
+	}
+	if len(param.ContrastUrl) < 1 {
+		param.ContrastUrl = constname.DefaultContrastUrl
+	}
+	if param.ContrastTime < 1 {
+		param.ContrastTime = constname.DefaultContrastTime
+	}
+	if len(param.Ping) < 1 {
+		param.Ping = constname.DefaultPing
+	}
+	if param.PingTime < 1 {
+		param.PingTime = constname.DefaultPingTime
+	}
+	if param.UriDepth < 1 {
+		param.UriDepth = constname.DefaultUriDepth
+	}
+	if param.ScanRate < 1 {
+		param.ScanRate = constname.DefaultScanRate
+	}
+	if param.WebsiteSlowResponseTime < 100 {
+		c.APIOutPutError(nil, "网站响应慢不能小于100ms")
+		return
+	}
+	if param.WebsiteSlowResponseCount < 1 {
+		param.WebsiteSlowResponseCount = constname.DefaultWebsiteSlowResponseCount
+	}
+	if param.SSLCertificateExpire < 1 {
+		param.SSLCertificateExpire = constname.DefaultSSLCertificateExpire
+	}
+
+	log.Info("param = ", param)
+	website := &entity.Website{
+		Host:         param.Host,
+		MonitorRate:  param.MonitorRate,
+		ContrastUrl:  param.ContrastUrl,
+		ContrastTime: param.ContrastTime,
+		Ping:         param.Ping,
+		PingTime:     param.PingTime,
+		Notes:        param.Notes,
+		Created:      time.Now().Unix(),
+	}
+	alarmRule := &entity.WebsiteAlarmRule{
+		Host:                     param.Host,
+		WebsiteSlowResponseTime:  param.WebsiteSlowResponseTime,
+		WebsiteSlowResponseCount: param.WebsiteSlowResponseCount,
+		SSLCertificateExpire:     param.SSLCertificateExpire,
+		NotTDK:                   param.ScanTDK,
+		BadLink:                  param.ScanBadLink,
+		ExtLinkChange:            param.ScanExtLinks,
+	}
+	scan := &entity.WebsiteScanCheckUp{
+		Host:         param.Host,
+		ScanDepth:    param.UriDepth,
+		ScanRate:     param.ScanRate,
+		ScanTDK:      param.ScanTDK,
+		ScanBadLink:  param.ScanBadLink,
+		ScanExtLinks: param.ScanExtLinks,
+	}
+	err = dao.NewWebsite().Add(website, alarmRule, scan)
+	if err != nil {
+		c.APIOutPutError(err, "创建失败, err = "+err.Error())
+		return
+	}
+	c.APIOutPut("创建成功", "创建成功")
+	return
+}
+
+func WebsiteList(c *ginHelper.GinCtx) {
+
+}
+
+func WebsiteDelete(c *ginHelper.GinCtx) {
+
+}
+
+func WebsiteInfo(c *ginHelper.GinCtx) {
+
+}
+
+func WebsiteUrls(c *ginHelper.GinCtx) {
+
+}
+
+func WebsiteEdit(c *ginHelper.GinCtx) {
+
+}
+
+func WebsiteChart(c *ginHelper.GinCtx) {
+
+}
+
+func WebsiteAlertList(c *ginHelper.GinCtx) {
+
+}
+
+func WebsiteAlertDel(c *ginHelper.GinCtx) {
+
+}
diff --git a/master/routers/base.go b/master/routers/base.go
index bbbebd2..b58baa5 100755
--- a/master/routers/base.go
+++ b/master/routers/base.go
@@ -59,6 +59,17 @@ func API() {
 	api := Router.Group("/api").Use(AuthAPI())
 	api.GET("/out", handler.Out)
 
+	// website
+	api.POST("/website/add", ginHelper.Handle(handler.WebsiteAdd))                   // 创建网站监测
+	api.GET("/website/list", ginHelper.Handle(handler.WebsiteList))                  // TODO 监测网站列表
+	api.GET("/website/delete/:hostId", ginHelper.Handle(handler.WebsiteDelete))      // TODO 删除网站监测
+	api.GET("/website/info/:hostId", ginHelper.Handle(handler.WebsiteInfo))          // TODO 监测网站详情
+	api.GET("/website/urls/:hostId", ginHelper.Handle(handler.WebsiteUrls))          // TODO 监测网站采集到url
+	api.POST("/website/edit", ginHelper.Handle(handler.WebsiteEdit))                 // TODO 监测设置
+	api.GET("/website/chart/:hostId", ginHelper.Handle(handler.WebsiteChart))        // TODO 图表
+	api.GET("/website/alert/:hostId", ginHelper.Handle(handler.WebsiteAlertList))    // TODO 报警信息
+	api.GET("/website/alert/del/:hostId", ginHelper.Handle(handler.WebsiteAlertDel)) // TODO 报警信息
+
 	// mail
 	api.GET("/mail/init", ginHelper.Handle(handler.MailInit))          // 是否设置邮件
 	api.POST("/mail/conf", ginHelper.Handle(handler.MailConf))         // 设置邮件配置
diff --git a/master/static/css/page.css b/master/static/css/page.css
index 2c692c7..1656e1e 100755
--- a/master/static/css/page.css
+++ b/master/static/css/page.css
@@ -217,4 +217,8 @@ thead tr th {
 
 .box:hover {
     box-shadow: 4px 16px 32px 4px rgba(48, 55, 66, 0.3);/* 盒子悬浮时阴影 */
+}
+
+.addTipNow {
+    color: #0a53be;
 }
\ No newline at end of file
diff --git a/master/static/js/public.js b/master/static/js/public.js
index e24e682..d92bd8b 100755
--- a/master/static/js/public.js
+++ b/master/static/js/public.js
@@ -48,8 +48,8 @@ class Utils {
     ToastShow(msg) {
         const toastLiveExample = $('#liveToast')
         const toast = new bootstrap.Toast(toastLiveExample)
-        $("#liveToastMsg").append(msg)
-        console.log("ToastShow...")
+        $("#liveToastMsg").empty(msg);
+        $("#liveToastMsg").append(msg);
         toast.show()
     }
 }
@@ -115,12 +115,135 @@ let Mail= {
 
 let AddWebSite = {
     api: "/api/website/add",
-        param : {
-        host: "",
-            healthUri: "",
-            rate: 10,
-            alarmResTime: 3000,
-            uriDepth: 2,
-            uriUpdateRate: 24,
+    param : {},
+    common: new Utils(),
+    next1Param: {
+        hostProtocol: "https://",
+        hostUrl: "",
+        notes: "",
+        monitorRate: 15,
+        contrastUrl: "https://www.baidu.com",
+        contrastTime: 1000,
+        ping: "8.8.8.8",
+        pingTime: 1000,
+    },
+    next2Param: {
+        uriDepth: 2,
+        scanRate: 24,
+        scanBadLink: true,
+        scanTDK: false,
+        scanExtLinks: false,
+    },
+    next3Param: {
+        websiteSlowResponseTime: 3000,
+        websiteSlowResponseCount: 3,
+        SSLCertificateExpire: 14,
+    },
+    addNext1: function () {
+        console.log(AddWebSite.next1Param);
+        if (AddWebSite.next1Param.hostUrl === "") {
+            common.ToastShow("请输入检测网站的URL");
+            return
+        }
+        if (AddWebSite.next1Param.monitorRate === 0) {
+            common.ToastShow("检测频率建议大于1s");
+            return
+        }
+        if (AddWebSite.next1Param.contrastUrl === "") {
+            common.ToastShow("对照组不能为空");
+            return
+        }
+        if (AddWebSite.next1Param.contrastTime === "") {
+            common.ToastShow("对照组慢响应时间不低于100ms");
+            return
+        }
+        if (AddWebSite.next1Param.ping === "") {
+            common.ToastShow("Ping地址不能为空");
+            return
+        }
+        if (AddWebSite.next1Param.pingTime === "") {
+            common.ToastShow("Ping慢响应时间不低于100ms");
+            return
+        }
+        $("#next1Forms").hide();
+        $("#next2Forms").show();
+        $("#next1").removeClass("addTipNow");
+        $("#next2").addClass("addTipNow");
+        $("#next1But").hide();
+        $("#next2But").show();
+    },
+    addReturn1: function () {
+        $("#next1Forms").show();
+        $("#next2Forms").hide();
+        $("#next1").addClass("addTipNow");
+        $("#next2").removeClass("addTipNow");
+        $("#next1But").show();
+        $("#next2But").hide();
+    },
+    addNext2: function () {
+        console.log(AddWebSite.next2Param);
+        if (AddWebSite.next2Param.uriDepth <1) {
+            common.ToastShow("扫描网站深度不能小于1");
+            return
+        }
+        if (AddWebSite.next2Param.scanRate <1) {
+            common.ToastShow("扫描网站频率不能小于1");
+            return
+        }
+        $("#next2Forms").hide();
+        $("#next3Forms").show();
+        $("#next2").removeClass("addTipNow");
+        $("#next3").addClass("addTipNow");
+        $("#next2But").hide();
+        $("#next3But").show();
+    },
+    addReturn2: function () {
+        let t = this;
+        $("#next2Forms").show();
+        $("#next3Forms").hide();
+        $("#next2").addClass("addTipNow");
+        $("#next3").removeClass("addTipNow");
+        $("#next2But").show();
+        $("#next3But").hide();
+    },
+    addSubmit: function () {
+        console.log(AddWebSite.next3Param);
+        if (AddWebSite.next3Param.websiteSlowResponseTime <100) {
+            common.ToastShow("网站响应慢不能小于100ms");
+            return
+        }
+        if (AddWebSite.next3Param.websiteSlowResponseCount <1) {
+            common.ToastShow("网站响应慢发送邮件连次数不能小于1次");
+            return
+        }
+        if (AddWebSite.next3Param.SSLCertificateExpire <1) {
+            common.ToastShow("网站证书过期触发报警天数不能小于1天");
+            return
+        }
+        AddWebSite.param.host = AddWebSite.next1Param.hostProtocol + AddWebSite.next1Param.hostUrl;
+        AddWebSite.param.notes = AddWebSite.next1Param.notes;
+        AddWebSite.param.monitorRate = Number(AddWebSite.next1Param.monitorRate);
+        AddWebSite.param.contrastUrl = AddWebSite.next1Param.contrastUrl;
+        AddWebSite.param.contrastTime = Number(AddWebSite.next1Param.contrastTime);
+        AddWebSite.param.ping = AddWebSite.next1Param.ping;
+        AddWebSite.param.pingTime = Number(AddWebSite.next1Param.pingTime);
+        AddWebSite.param.uriDepth = Number(AddWebSite.next2Param.uriDepth);
+        AddWebSite.param.scanRate = Number(AddWebSite.next2Param.scanRate);
+        AddWebSite.param.scanBadLink = AddWebSite.next2Param.scanBadLink;
+        AddWebSite.param.scanTDK = AddWebSite.next2Param.scanTDK;
+        AddWebSite.param.scanExtLinks = AddWebSite.next2Param.scanExtLinks;
+        AddWebSite.param.websiteSlowResponseTime = Number(AddWebSite.next3Param.websiteSlowResponseTime);
+        AddWebSite.param.websiteSlowResponseCount = Number(AddWebSite.next3Param.websiteSlowResponseCount);
+        AddWebSite.param.SSLCertificateExpire = Number(AddWebSite.next3Param.SSLCertificateExpire);
+
+        console.log(AddWebSite.param);
+
+        common.AjaxPost(AddWebSite.api, AddWebSite.param, function (data){
+            console.log(data);
+            if (data.code === 0) {
+                $("#addHostModal").modal('toggle');
+            }
+            common.ToastShow(data.msg);
+        });
     }
 }
\ No newline at end of file
diff --git a/master/views/section/add_host_modal.html b/master/views/section/add_host_modal.html
index e4bf48d..dbd8c78 100755
--- a/master/views/section/add_host_modal.html
+++ b/master/views/section/add_host_modal.html
@@ -1,70 +1,152 @@
 <!-- 添加站点监测 modal fade modal-lg   -->
-<div class="modal fade" id="addHostModal"  tabindex="-1" aria-labelledby="addHostModalLabel" style="display: none;" aria-hidden="true">
-    <div class="modal-dialog modal-fullscreen">
+<div class="modal modal-xl fade" id="addHostModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-hidden="true">
+    <div class="modal-dialog">
         <div class="modal-content">
             <div class="modal-header">
-                <h1 class="modal-title fs-5" id="addHostModalLabel">添加站点监测</h1>
+                <h1 class="modal-title fs-5" id="addHostModalLabel">创建网站监测</h1>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
-                <div class="mb-3 row">
-                    <label class="col-sm-2 col-form-label">站点 <span style="color: red;">*</span></label>
-                    <div class="col-sm-8">
-                        <input type="text" v-model="addWebSite.param.host" class="form-control" >
+                <nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E&#34;);" aria-label="breadcrumb">
+                    <ol class="breadcrumb">
+                        <li id="next1" class="breadcrumb-item addTipNow">步骤一:监测信息</li>
+                        <li id="next2" class="breadcrumb-item">步骤二:扫描规则</li>
+                        <li id="next3" class="breadcrumb-item">步骤三:报警规则</li>
+                    </ol>
+                </nav>
+                <div id="next1Forms" style="padding-left: 8%;padding-right: 8%;">
+                    <div class="input-group mb-3">
+                        <label class="input-group-text" style="width: 10%;">网站URL</label>
+                        <select class="form-select" v-model="addWebSite.next1Param.hostProtocol" style="width: 20%;">
+                            <option value="https://">https://</option>
+                            <option value="http://">http://</option>
+                        </select>
+                        <input type="text" class="form-control" v-model="addWebSite.next1Param.hostUrl" style="width: 70%;" aria-label="Text input with dropdown button">
                     </div>
-                </div>
-                <div class="mb-3 row">
-                    <label class="col-sm-2 col-form-label">根URI,首页,入口页 <span style="color: red;">*</span></label>
-                    <div class="col-sm-8">
-                        <input type="text" v-model="addWebSite.param.healthUri" class="form-control">
+                    <div class="mb-3">
+                        <div class="form-floating mb-3">
+                            <input type="text" class="form-control" v-model="addWebSite.next1Param.notes" placeholder="name@example.com">
+                            <label>备注</label>
+                        </div>
                     </div>
-                </div>
-                <div class="mb-3 row">
-                    <label class="col-sm-2 col-form-label">监测频率 <span style="color: red;">*</span></label>
-                    <div class="col-sm-8">
-                        <input type="text" v-model="addWebSite.param.rate" class="form-control">
+                    <div class="mb-3">
+                        <div class="form-floating mb-3">
+                            <input type="text" class="form-control" v-model="addWebSite.next1Param.monitorRate" placeholder="name@example.com">
+                            <label>监测频率(单位s)</label>
+                        </div>
                     </div>
-                    <div class="form-text">单位秒</div>
-                </div>
-                <div class="mb-3 row">
-                    <label class="col-sm-2 col-form-label">超时报警 <span style="color: red;">*</span></label>
-                    <div class="col-sm-8">
-                        <input type="text" v-model="addWebSite.param.alarmResTime" class="form-control" >
+                    <div class="mb-3">
+                        <div class="form-floating mb-3">
+                            <input type="text" class="form-control" v-model="addWebSite.next1Param.contrastUrl" placeholder="name@example.com">
+                            <label>对照组URL(保证监测的有效性:每次监测前先过对照组+ping来确认当前监测器网络的情况)</label>
+                        </div>
                     </div>
-                    <div class="form-text">请求响应超过这个时间会报警，单位ms</div>
-                </div>
-                <div class="mb-3 row">
-                    <label class="col-sm-2 col-form-label">采集站点深度</label>
-                    <div class="col-sm-8">
-                        <input type="text" v-model="addWebSite.param.uriDepth" class="form-control" >
+                    <div class="mb-3">
+                        <div class="form-floating mb-3">
+                            <input type="text" class="form-control" v-model="addWebSite.next1Param.contrastTime" placeholder="name@example.com">
+                            <label>对照组响应超时(单位ms;超过这个时间判定为当前网络不稳定不执行本次监测请求)</label>
+                        </div>
+                    </div>
+                    <div class="mb-3">
+                        <div class="form-floating mb-3">
+                            <input type="text" class="form-control" v-model="addWebSite.next1Param.ping" placeholder="name@example.com">
+                            <label>Ping(保证监测的有效性:每次监测前先过对照组+ping来确认当前监测器网络的情况)</label>
+                        </div>
+                    </div>
+                    <div class="mb-3">
+                        <div class="form-floating mb-3">
+                            <input type="text" class="form-control" v-model="addWebSite.next1Param.pingTime" placeholder="name@example.com">
+                            <label>Ping响应超时(单位ms;超过这个时间判定为当前网络不稳定不执行本次监测请求)</label>
+                        </div>
                     </div>
-                    <div class="form-text">用于抓取站点的URI</div>
-                </div>
-                <p>当前默认勾选并启用以下功能</p>
-                <div class="form-check form-switch">
-                    <input class="form-check-input" type="checkbox" role="switch" checked disabled>
-                    <label class="form-check-label" >启用死链检测(1小时次)</label>
-                </div>
-                <div class="form-check form-switch">
-                    <input class="form-check-input" type="checkbox" role="switch" checked disabled>
-                    <label class="form-check-label" >启用TDK检测</label>
-                </div>
-                <div class="form-check form-switch">
-                    <input class="form-check-input" type="checkbox" role="switch" checked disabled>
-                    <label class="form-check-label" >启用随机URI检测</label>
                 </div>
-                <div class="form-check form-switch">
-                    <input class="form-check-input" type="checkbox" role="switch" checked disabled>
-                    <label class="form-check-label" >TODO 外链检查</label>
+                <div id="next2Forms" style="padding-left: 8%;padding-right: 8%;display: none;" >
+                    <div class="mb-3">
+                        <div class="form-floating mb-3">
+                            <input type="text" class="form-control" v-model="addWebSite.next2Param.uriDepth" placeholder="name@example.com">
+                            <label>扫描网站深度</label>
+                        </div>
+                    </div>
+                    <div class="mb-3">
+                        <div class="form-floating mb-3">
+                            <input type="text" class="form-control" v-model="addWebSite.next2Param.scanRate" placeholder="name@example.com">
+                            <label>扫描网站频率(单位小时)</label>
+                        </div>
+                    </div>
+                    <div class="mb-3">
+                        <div class="form-check form-switch">
+                            <input class="form-check-input" type="checkbox" v-model="addWebSite.next2Param.scanBadLink" role="switch" checked>
+                            <label class="form-check-label">死链检查</label>
+                        </div>
+                    </div>
+                    <div class="mb-3">
+                        <div class="form-check form-switch">
+                            <input class="form-check-input" type="checkbox" v-model="addWebSite.next2Param.scanTDK" role="switch">
+                            <label class="form-check-label">TDK为空检查</label>
+                        </div>
+                    </div>
+                    <div class="mb-3">
+                        <div class="form-check form-switch">
+                            <input class="form-check-input" type="checkbox" v-model="addWebSite.next2Param.scanExtLinks" role="switch">
+                            <label class="form-check-label">外链变化检查</label>
+                        </div>
+                    </div>
+                    <div class="mb-3">
+                        <div class="form-check form-switch">
+                            <input class="form-check-input" type="checkbox" role="switch" disabled>
+                            <label class="form-check-label">[TODO...] 开启SQL注入扫描</label>
+                        </div>
+                    </div>
+                    <div class="mb-3">
+                        <div class="form-check form-switch">
+                            <input class="form-check-input" type="checkbox" role="switch" disabled>
+                            <label class="form-check-label">[TODO...] 开启XXS扫描</label>
+                        </div>
+                    </div>
+                    <div class="mb-3">
+                        <div class="form-check form-switch">
+                            <input class="form-check-input" type="checkbox" role="switch" disabled>
+                            <label class="form-check-label">[TODO...] 开启服务器端口扫描</label>
+                        </div>
+                    </div>
                 </div>
-                <div class="form-check form-switch">
-                    <input class="form-check-input" type="checkbox" role="switch" checked disabled>
-                    <label class="form-check-label" >TODO 证书检查</label>
+                <div id="next3Forms" style="padding-left: 8%;padding-right: 8%;display: none;" >
+                    <div class="mb-3">
+                        <div class="form-check form-switch">
+                            <input class="form-check-input" type="checkbox" role="switch" checked disabled>
+                            <label class="form-check-label">响应状态码错误报警；例如 404,500...</label>
+                        </div>
+                        <div class="form-floating mb-3">
+                            <input type="text" class="form-control" v-model="addWebSite.next3Param.websiteSlowResponseTime" placeholder="name@example.com">
+                            <label>网站响应多慢记录报警(单位ms)</label>
+                        </div>
+                        <div class="form-floating mb-3">
+                            <input type="text" class="form-control" v-model="addWebSite.next3Param.websiteSlowResponseCount" placeholder="name@example.com">
+                            <label>连续几次慢就发送邮件通知</label>
+                        </div>
+                        <div class="form-floating mb-3">
+                            <input type="text" class="form-control" v-model="addWebSite.next3Param.SSLCertificateExpire" placeholder="name@example.com">
+                            <label>证书到期预警邮件通知(单位天)</label>
+                        </div>
+                        其他: 开启了扫描检查，检查到问题就会有对应的报警通知;例如开启了死链扫描检查检查到死链就会发送报警通知邮件；
+                    </div>
                 </div>
             </div>
             <div class="modal-footer">
                 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
-                <a type="button" class="btn btn-primary" @click="addWebSiteMonitor()">提交</a>
+                <div id="next1But">
+                    <a type="button" class="btn btn-primary" @click="addWebSite.addNext1">下一步</a>
+                </div>
+
+                <div id="next2But" style="display: none;">
+                    <a type="button" class="btn btn-primary" @click="addWebSite.addReturn1" style="margin-right: 8px;">返回上一步</a>
+                    <a type="button" class="btn btn-primary" @click="addWebSite.addNext2">下一步</a>
+                </div>
+
+                <div id="next3But" style="display: none;">
+                    <a type="button" class="btn btn-primary" @click="addWebSite.addReturn2" style="margin-right: 8px;">返回上一步</a>
+                    <a type="button" class="btn btn-primary" @click="addWebSite.addSubmit">确认提交</a>
+                </div>
             </div>
         </div>
     </div>