init: 项目初始代码

public/assets/css/jquery.bxslider.css

@@ -0,0 +1,197 @@
+.bx-wrapper {
+  position: relative;
+  margin: 0 auto 15px;
+  padding: 0;
+  *zoom: 1;
+  overflow: hidden;
+}
+
+.bx-wrapper img {
+  max-width: 100%;
+  display: block;
+}
+
+/** THEME
+===================================*/
+
+.bx-wrapper .bx-viewport {
+  /*fix other elements on the page moving (on Chrome)*/
+  -webkit-transform: translatez(0);
+  -moz-transform: translatez(0);
+  -ms-transform: translatez(0);
+  -o-transform: translatez(0);
+  transform: translatez(0);
+}
+
+.bx-wrapper .bx-pager,
+.bx-wrapper .bx-controls-auto {
+  position: absolute;
+  bottom: 15px;
+  width: 100%;
+}
+
+/* LOADER */
+
+.bx-wrapper .bx-loading {
+  min-height: 50px;
+  background: url(../images/bx_loader.gif) center center no-repeat #fff;
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2000;
+}
+
+/* PAGER */
+
+.bx-wrapper .bx-pager {
+  text-align: center;
+  font-size: 0.85em;
+  font-family: Arial;
+  font-weight: bold;
+  color: #666;
+  padding-top: 20px;
+}
+
+.bx-wrapper .bx-pager .bx-pager-item,
+.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
+  display: inline-block;
+  *zoom: 1;
+  *display: inline;
+}
+
+.bx-wrapper .bx-pager.bx-default-pager a {
+  background: rgba(255, 255, 255, 0.8);
+  text-indent: -9999px;
+  display: block;
+  width: 16px;
+  height: 16px;
+  margin: 0 5px;
+  outline: 0;
+  border-radius: 8px;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  -ms-border-radius: 8px;
+  -o-border-radius: 8px;
+}
+
+.bx-wrapper .bx-pager.bx-default-pager a:hover,
+.bx-wrapper .bx-pager.bx-default-pager a.active {
+  background: #fff;
+  width: 32px;
+}
+
+@media only screen and (max-width: 575px) {
+  .bx-wrapper .bx-pager.bx-default-pager a {
+    width: 10px;
+    height: 10px;
+  }
+  .bx-wrapper .bx-pager.bx-default-pager a:hover,
+  .bx-wrapper .bx-pager.bx-default-pager a.active {
+    width: 20px;
+  }
+  .bx-wrapper .bx-pager,
+  .bx-wrapper .bx-controls-auto {
+    bottom: 5px;
+  }
+}
+/* DIRECTION CONTROLS (NEXT / PREV) */
+
+.bx-wrapper .bx-prev {
+  left: 10px;
+}
+
+.bx-wrapper .bx-next {
+  right: 10px;
+}
+
+.bx-wrapper .bx-prev:hover {
+  background-position: 0 0;
+}
+
+.bx-wrapper .bx-next:hover {
+  background-position: -43px 0;
+}
+
+.bx-wrapper .bx-controls-direction a {
+  position: absolute;
+  top: 50%;
+  margin-top: -16px;
+  outline: 0;
+  width: 32px;
+  height: 32px;
+  text-indent: -9999px;
+  z-index: 9999;
+}
+
+.bx-wrapper .bx-controls-direction a.disabled {
+  display: none;
+}
+
+/* AUTO CONTROLS (START / STOP) */
+
+.bx-wrapper .bx-controls-auto {
+  text-align: center;
+}
+
+.bx-wrapper .bx-controls-auto .bx-start {
+  display: block;
+  text-indent: -9999px;
+  width: 10px;
+  height: 11px;
+  outline: 0;
+  background: url(../images/controls.png) -86px -11px no-repeat;
+  margin: 0 3px;
+}
+
+.bx-wrapper .bx-controls-auto .bx-start:hover,
+.bx-wrapper .bx-controls-auto .bx-start.active {
+  background-position: -86px 0;
+}
+
+.bx-wrapper .bx-controls-auto .bx-stop {
+  display: block;
+  text-indent: -9999px;
+  width: 9px;
+  height: 11px;
+  outline: 0;
+  background: url(../images/controls.png) -86px -44px no-repeat;
+  margin: 0 3px;
+}
+
+.bx-wrapper .bx-controls-auto .bx-stop:hover,
+.bx-wrapper .bx-controls-auto .bx-stop.active {
+  background-position: -86px -33px;
+}
+
+/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
+
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
+  text-align: left;
+  width: 80%;
+}
+
+.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
+  right: 0;
+  width: 35px;
+}
+
+/* IMAGE CAPTIONS */
+
+.bx-wrapper .bx-caption {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  background: #666\9;
+  background: rgba(80, 80, 80, 0.75);
+  width: 100%;
+}
+
+.bx-wrapper .bx-caption span {
+  color: #fff;
+  font-family: Arial;
+  display: block;
+  font-size: 0.85em;
+  padding: 10px;
+}

public/assets/images/logo.svg

@@ -0,0 +1 @@
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#036eb8;fill-rule:evenodd;}</style></defs><title>ntonpower（浏览器icon）</title><rect class="cls-1" width="1024" height="1024"/><path class="cls-2" d="M685.138,611.965,511.928,512V712.017L338.747,611.965V112.052L511.928,12l433.04,249.942V441.983L511.928,192.041V311.982l173.21,99.966V611.965Zm259.83-50.04L789.082,471.962V671.951L511.928,831.959l-277.1-160.008V172.008l-155.8,89.934V761.971L511.928,1012l433.04-250.029Z" transform="translate(0)"/></svg>

public/assets/js/action.js

@@ -0,0 +1,83 @@
+/**
+ * 获取访问者IP
+ */
+getVisitorIp = function () {
+    let ip = '127.0.0.1'
+    $.ajax({
+        type: 'get',
+        url: 'https://get.geojs.io/v1/ip.json',
+        data: {},
+        dataType: 'json',
+        async:false,
+    }).done(function (responseData) {
+        // console.log(responseData)
+        if (responseData.ip) {
+            ip = responseData.ip
+        } else {
+            ip = '127.0.0.1'
+        }
+    });
+    return ip;
+}
+
+const visitIp = getVisitorIp()
+
+/**
+ * 请求开始
+ */
+const RequestUrl = "/index/base/submitActionLog"
+
+// 图片选择器，记录图片点击的
+const imgAction = $("[log='img']");
+const aAction = $("[log='a']");
+
+imgAction.click(function ($this){
+    // console.log('click-img',$this)
+    // console.log(window.location.href)
+    const content = $this.target.outerHTML
+    // console.log(content)
+    actionSub($this,1,content,visitIp)
+});
+
+imgAction.dblclick(function ($this){
+    const content = $this.target.outerHTML
+    actionSub($this,2,content,visitIp)
+});
+// a标签行为监控
+aAction.click(function ($this){
+    const content = $this.target.parentElement.outerHTML
+    actionSub($this,1,content,visitIp)
+});
+
+// a标签行为监控
+aAction.dblclick(function ($this){
+    const content = $this.target.parentElement.outerHTML
+    actionSub($this,2,content,visitIp)
+});
+
+/**
+ * 日志请求提交
+ */
+function actionSub(obj,clickNum,content,visitIp) {
+    $.ajax({
+        type: 'POST',
+        url: RequestUrl,
+        data: {
+            'url'	        :	window.location.href, /*访问页*/
+            'refer'	        :	obj.src, /*访问来源*/
+            'click'	        :	clickNum, /*点击次数*/
+            'content'	    :	content, /*访问内容*/
+            'ip'	        :	visitIp, /*访客IP*/
+            'start_time'	:	obj.timeStamp, /*点击时间*/
+            'drive'	        :	window.navigator.userAgent.toLowerCase(), /*PC OR 移动端*/
+            // 'system'	    :	window.navigator.userAgent.toLowerCase(), /*设备系统*/
+            // 'brower'	    :	window.navigator.userAgent.toLowerCase(), /*浏览器*/
+            // 'models'	    :	window.navigator.userAgent.toLowerCase(), /*设备型号*/
+            'date_time'	    :	(new Date()).valueOf()  /*生成时间*/
+        },
+        dataType: 'json',
+        // success: function (json) {
+        //     console.log(json);
+        // }
+    });
+}

public/assets/js/current.js

@@ -0,0 +1,73 @@
+function SelectTag(t) {
+    this.child = t.child || ".default",
+        this.over = t.over || "on",
+        this.all = t.all || ".all",
+        this.init()
+}
+$.extend(SelectTag.prototype, {
+    init: function() {
+        var t = this;
+        t._bindEvent(),
+            t._select()
+    },
+    _bindEvent: function() {
+        var t = this;
+        $(t.child).click(function(e) {
+            e.preventDefault();
+            var i = window.location.href
+                , n = $(this).attr("rel")
+                , r = $(this).attr("name");
+            $(this).hasClass(t.over) || (window.location.href = t._changeURLPar(i, r, n))
+        }),
+            $(t.all).click(function(e) {
+                e.preventDefault();
+                var i = window.location.href
+                    , n = $(this).attr("name");
+                $("[name=" + n + "]").removeClass(t.over),
+                    $(this).addClass(t.over),
+                    window.location.href = t._delUrlPar(i, n)
+            })
+    },
+    _delUrlPar: function(t, e) {
+        var n = "";
+        if (t.indexOf("?") == -1)
+            return t;
+        n = t.substr(t.indexOf("?") + 1);
+        var r = ""
+            , a = "";
+        if (n.indexOf("&") != -1) {
+            r = n.split("&");
+            for (i in r)
+                r[i].split("=")[0] != e && (a = a + r[i].split("=")[0] + "=" + r[i].split("=")[1] + "&");
+            return t.substr(0, t.indexOf("?")) + "?" + a.substr(0, a.length - 1)
+        }
+        return r = n.split("="),
+            r[0] == e ? t.substr(0, t.indexOf("?")) : t
+    },
+    _changeURLPar: function(t, e, i) {
+        var n = this
+            , r = e + "=([^&]*)"
+            , a = e + "=" + i
+            , s = encodeURI(n._getQueryString(e));
+        return t.match(r) ? t = t.replace(s, i) : t.match("[?]") ? t + "&" + a : t + "?" + a
+    },
+    _getQueryString: function(t) {
+        var e = new RegExp("(^|&)" + t + "=([^&]*)(&|$)","i")
+            , i = window.location.search.substr(1).match(e);
+        return null != i ? decodeURI(i[2]) : null
+    },
+    _select: function() {
+        var t = this
+            , e = window.location.href;
+        $(t.child).each(function() {
+            var i = $(this).attr("name") + "=" + $(this).attr("rel")
+                , n = new RegExp(encodeURI(i),"g");
+            if (n.test(e)) {
+                $(this).addClass(t.over);
+                var r = $(this).attr("name");
+                $("[name=" + r + "]").eq(0).removeClass(t.over)
+            } else
+                $(this).removeClass(t.over)
+        })
+    }
+});