fdfd

.example.env

@@ -1 +1 @@
-APP_DEBUG = true

[APP]
DEFAULT_TIMEZONE = Asia/Shanghai

[DATABASE]
TYPE = mysql
HOSTNAME = 127.0.0.1
DATABASE = test
USERNAME = username
PASSWORD = password
HOSTPORT = 3306
CHARSET = utf8
DEBUG = true

[LANG]
default_lang = zh-cn
+APP_DEBUG = true

DB_TYPE = mysql
DB_HOST = 127.0.0.1
DB_NAME = test
DB_USER = username
DB_PASS = password
DB_PORT = 3306
DB_CHARSET = utf8

DEFAULT_LANG = zh-cn

LICENSE.txt

@@ -1,6 +1,6 @@
 
 ThinkPHP遵循Apache2开源协议发布，并提供免费使用。
-版权所有Copyright © 2006-2016 by ThinkPHP (http://thinkphp.cn)
+版权所有Copyright © 2006-2023 by ThinkPHP (http://thinkphp.cn)
 All rights reserved。
 ThinkPHP® 商标和著作权所有者为上海顶想信息科技有限公司。
 

README.md

@@ -1,31 +1,56 @@
-ThinkPHP 6.0
+![](https://www.thinkphp.cn/uploads/images/20230630/300c856765af4d8ae758c503185f8739.png)
+
+ThinkPHP 8.0
 ===============
 
-> 运行环境要求PHP7.2+，兼容PHP8.1
+## 特性
+
+* 基于PHP`8.0+`重构
+* 升级`PSR`依赖
+* 依赖`think-orm`3.0版本
+* `6.0`/`6.1`无缝升级
+
+
+> ThinkPHP8.0的运行环境要求PHP8.0.0+
+
+现在开始，你可以使用官方提供的[ThinkChat](https://chat.topthink.com/)，让你在学习ThinkPHP的旅途中享受私人AI助理服务！
+
+![](https://www.topthink.com/uploads/assistant/20230630/4d1a3f0ad2958b49bb8189b7ef824cb0.png)
+
+## 文档
+
+[完全开发手册](https://doc.thinkphp.cn)
+
+## 服务
+
+ThinkPHP生态服务由[顶想云](https://www.topthink.com)（TOPThink Cloud）提供，为生态提供专业的开发者服务和价值之选。
 
-[官方应用服务市场](https://market.topthink.com) | [`ThinkAPI`——官方统一API服务](https://docs.topthink.com/think-api)
+## 赞助
+全新的[赞助计划](https://www.thinkphp.cn/sponsor)可以让你通过我们的网站、手册、欢迎页及GIT仓库获得巨大曝光，同时提升企业的品牌声誉，也更好保障ThinkPHP的可持续发展。
 
-ThinkPHPV6.0版本由[亿速云](https://www.yisu.com/)独家赞助发布。
+[![](https://www.thinkphp.cn/uploads/images/20230630/48396092a0515886a3da6bd268131c8f.png)](http://github.crmeb.net/u/TPSY)
 
-## 主要新特性
+[![](https://www.thinkphp.cn/uploads/images/20230630/a12bd248beee0e7491dd0f79dc4dd5e9.png)](https://www.thinkphp.cn/sponsor)
 
-* 采用`PHP7`强类型（严格模式）
-* 支持更多的`PSR`规范
-* 原生多应用支持
-* 更强大和易用的查询
-* 全新的事件系统
-* 模型事件和数据库事件统一纳入事件系统
-* 模板引擎分离出核心
-* 内部功能中间件化
-* SESSION/Cookie机制改进
-* 对Swoole以及协程支持改进
-* 对IDE更加友好
-* 统一和精简大量用法
+[![](https://www.thinkphp.cn/uploads/images/20230630/e7f48d909d41dd5ebaf4a5aa982d0455.png)](https://www.thinkphp.cn/sponsor)
 
 ## 安装
 
 ~~~
-composer create-project topthink/think tp 6.0.*
+composer create-project topthink/think tp
+~~~
+
+启动服务
+
+~~~
+cd tp
+php think run
+~~~
+
+然后就可以在浏览器中访问
+
+~~~
+http://localhost:8000
 ~~~
 
 如果需要更新框架使用
@@ -33,13 +58,13 @@ composer create-project topthink/think tp 6.0.*
 composer update topthink/framework
 ~~~
 
-## 文档
+## 命名规范
 
-[完全开发手册](https://www.kancloud.cn/manual/thinkphp6_0/content)
+`ThinkPHP`遵循PSR-2命名规范和PSR-4自动加载规范。
 
 ## 参与开发
 
-请参阅 [ThinkPHP 核心框架包](https://github.com/top-think/framework)。
+直接提交PR或者Issue即可
 
 ## 版权信息
 
@@ -47,9 +72,7 @@ ThinkPHP遵循Apache2开源协议发布，并提供免费使用。
 
 本项目包含的第三方源码和二进制文件之版权信息另行标注。
 
-版权所有Copyright © 2006-2021 by ThinkPHP (http://thinkphp.cn)
-
-All rights reserved。
+版权所有Copyright © 2006-2023 by ThinkPHP (http://thinkphp.cn) All rights reserved。
 
 ThinkPHP® 商标和著作权所有者为上海顶想信息科技有限公司。
 

app/BaseController.php

@@ -64,7 +64,7 @@ abstract class BaseController
      * @return array|string|true
      * @throws ValidateException
      */
-    protected function validate(array $data, $validate, array $message = [], bool $batch = false)
+    protected function validate(array $data, string|array $validate, array $message = [], bool $batch = false)
     {
         if (is_array($validate)) {
             $v = new Validate();

app/controller/Index.php

@@ -1,17 +0,0 @@
-<?php
-namespace app\controller;
-
-use app\BaseController;
-
-class Index extends BaseController
-{
-    public function index()
-    {
-        return '<style type="text/css">*{ padding: 0; margin: 0; } div{ padding: 4px 48px;} a{color:#2E5CD5;cursor: pointer;text-decoration: none} a:hover{text-decoration:underline; } body{ background: #fff; font-family: "Century Gothic","Microsoft yahei"; color: #333;font-size:18px;} h1{ font-size: 100px; font-weight: normal; margin-bottom: 12px; } p{ line-height: 1.6em; font-size: 42px }</style><div style="padding: 24px 48px;"> <h1>:) </h1><p> ThinkPHP V' . \think\facade\App::version() . '<br/><span style="font-size:30px;">16载初心不改 - 你值得信赖的PHP框架</span></p><span style="font-size:25px;">[ V6.0 版本由 <a href="https://www.yisu.com/" target="yisu">亿速云</a> 独家赞助发布 ]</span></div><script type="text/javascript" src="https://e.topthink.com/Public/static/client.js"></script><think id="ee9b1aa918103c4fc"></think>';
-    }
-
-    public function hello($name = 'ThinkPHP6')
-    {
-        return 'hello,' . $name;
-    }
-}

app/index/controller/Index.php

@@ -0,0 +1,18 @@
+<?php
+
+namespace app\index\controller;
+
+use app\BaseController;
+
+class Index extends BaseController
+{
+    public function index()
+    {
+        return '<style>*{ padding: 0; margin: 0; }</style><iframe src="https://www.thinkphp.cn/welcome?version=' . \think\facade\App::version() . '" width="100%" height="100%" frameborder="0" scrolling="auto"></iframe>';
+    }
+
+    public function hello($name = 'ThinkPHP8')
+    {
+        return 'hello,' . $name;
+    }
+}

app/work/controller/Push.php

@@ -0,0 +1,79 @@
+<?php
+namespace app\work\controller;
+use think\facade\Db;
+use think\worker\Server;
+use Workerman\Lib\Timer;
+use think\facade\View;
+
+/*
+ * 业务需求示例：系统后台监听有新的商品订单，新消息等的通知，推送给所有登陆系统的用户。
+逻辑：使用websocket建立连接，并设置定时器发送心跳保持连接不被断开。建立连接后，php端需要设置心跳时间，判断mysql业务表是否有新记录或者订单，如果有就推送消息给所有登陆系统用户，并更新该记录已推送。
+ */
+class Push extends Server
+{
+    protected $socket = 'http://0.0.0.0:2346';   //端口自行修改
+
+    protected static $heartbeat_time = 55;
+
+    public function onWorkerStart($worker)
+    {
+        //查看是否有新的充值或提现订单，有就推送给所有用户
+        Timer::add(3, function () use ($worker) {
+
+            $time_now = time();
+
+
+            //是否有新消息
+            $count = 10;
+
+            if ($count > 0) {
+
+
+
+                foreach ($worker->connections as $connection) {
+                    if (empty($connection->lastMessageTime)) {
+                        $connection->lastMessageTime = $time_now;
+                    }
+
+                    if ($time_now - $connection->lastMessageTime > self::$heartbeat_time) {
+                        //后台控制连接
+                        //前端断了 可以点击重新连接 类似游戏重新登录
+                        $connection->close();
+                    }
+
+                    $data = ['time'=> $time_now,'lastMessageTime' => $connection->lastMessageTime];
+
+                    $connection->send(json_encode($data));
+                }
+                //处理发送状态 ['is_push' => 1]
+            } else {
+                foreach ($worker->connections as $connection) {
+                    if (empty($connection->lastMessageTime)) {
+                        $connection->lastMessageTime = $time_now;
+                        continue;
+                    }
+
+                    if ($time_now - $connection->lastMessageTime > self::$heartbeat_time) {      //连接超时
+                        $connection->close();
+                    }
+                }
+            }
+        });
+    }
+
+    /*
+     * 客户端
+     * http://workerman.dev.zx2049.com/work/push/index
+     */
+    public function index(){
+
+        //获取规则
+        $rule = ['默认规则'];
+        for ($i = 1; $i <= 10; $i++) {
+            $rule[] = '规则'.$i;
+        }
+        View::assign('rule',$rule);
+        return View::fetch();
+    }
+
+}

composer.json

@@ -17,16 +17,20 @@
         {
             "name": "yunwuxin",
             "email": "448901948@qq.com"
-        }        
+        }
     ],
     "require": {
-        "php": ">=7.2.5",
-        "topthink/framework": "^6.0.0",
-        "topthink/think-orm": "^2.0"
+        "php": ">=8.0.0",
+        "topthink/framework": "^8.0",
+        "topthink/think-orm": "^3.0",
+        "topthink/think-filesystem": "^2.0",
+        "topthink/think-worker": "^4.0",
+        "topthink/think-multi-app": "^1.0",
+        "topthink/think-view": "^2.0"
     },
     "require-dev": {
-        "symfony/var-dumper": "^4.2",
-        "topthink/think-trace":"^1.0"
+        "symfony/var-dumper": ">=4.2",
+        "topthink/think-trace": "^1.0"
     },
     "autoload": {
         "psr-4": {
@@ -41,8 +45,8 @@
     },
     "scripts": {
         "post-autoload-dump": [
-          "@php think service:discover",
-          "@php think vendor:publish"
+            "@php think service:discover",
+            "@php think vendor:publish"
         ]
     }
 }

config/app.php

@@ -5,7 +5,7 @@
 
 return [
     // 应用地址
-    'app_host'         => env('app.host', ''),
+    'app_host'         => env('APP_HOST', ''),
     // 应用的命名空间
     'app_namespace'    => '',
     // 是否启用路由
@@ -28,5 +28,5 @@ return [
     // 错误显示信息,非调试模式有效
     'error_message'    => '页面错误！请稍后再试～',
     // 显示错误信息
-    'show_error_msg'   => false,
+    'show_error_msg'   => true,
 ];

config/cache.php

@@ -6,7 +6,7 @@
 
 return [
     // 默认缓存驱动
-    'default' => env('cache.driver', 'file'),
+    'default' => 'file',
 
     // 缓存连接方式配置
     'stores'  => [

config/database.php

@@ -2,7 +2,7 @@
 
 return [
     // 默认使用的数据库连接配置
-    'default'         => env('database.driver', 'mysql'),
+    'default'         => env('DB_DRIVER', 'mysql'),
 
     // 自定义时间查询规则
     'time_query_rule' => [],
@@ -22,23 +22,23 @@ return [
     'connections'     => [
         'mysql' => [
             // 数据库类型
-            'type'            => env('database.type', 'mysql'),
+            'type'            => env('DB_TYPE', 'mysql'),
             // 服务器地址
-            'hostname'        => env('database.hostname', '127.0.0.1'),
+            'hostname'        => env('DB_HOST', '127.0.0.1'),
             // 数据库名
-            'database'        => env('database.database', ''),
+            'database'        => env('DB_NAME', ''),
             // 用户名
-            'username'        => env('database.username', 'root'),
+            'username'        => env('DB_USER', 'root'),
             // 密码
-            'password'        => env('database.password', ''),
+            'password'        => env('DB_PASS', ''),
             // 端口
-            'hostport'        => env('database.hostport', '3306'),
+            'hostport'        => env('DB_PORT', '3306'),
             // 数据库连接参数
             'params'          => [],
             // 数据库编码默认采用utf8
-            'charset'         => env('database.charset', 'utf8'),
+            'charset'         => env('DB_CHARSET', 'utf8'),
             // 数据库表前缀
-            'prefix'          => env('database.prefix', ''),
+            'prefix'          => env('DB_PREFIX', ''),
 
             // 数据库部署方式:0 集中式(单一服务器),1 分布式(主从服务器)
             'deploy'          => 0,
@@ -53,7 +53,7 @@ return [
             // 是否需要断线重连
             'break_reconnect' => false,
             // 监听SQL
-            'trigger_sql'     => env('app_debug', true),
+            'trigger_sql'     => env('APP_DEBUG', true),
             // 开启字段缓存
             'fields_cache'    => false,
         ],

config/filesystem.php

@@ -2,7 +2,7 @@
 
 return [
     // 默认磁盘
-    'default' => env('filesystem.driver', 'local'),
+    'default' => 'local',
     // 磁盘列表
     'disks'   => [
         'local'  => [

config/gateway_worker.php

@@ -0,0 +1,45 @@
+<?php
+// +----------------------------------------------------------------------
+// | ThinkPHP [ WE CAN DO IT JUST THINK IT ]
+// +----------------------------------------------------------------------
+// | Copyright (c) 2006-2018 http://thinkphp.cn All rights reserved.
+// +----------------------------------------------------------------------
+// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
+// +----------------------------------------------------------------------
+// | Author: liu21st <liu21st@gmail.com>
+// +----------------------------------------------------------------------
+// +----------------------------------------------------------------------
+// | Workerman设置 仅对 php think worker:gateway 指令有效
+// +----------------------------------------------------------------------
+return [
+    // 扩展自身需要的配置
+    'protocol'              => 'websocket', // 协议 支持 tcp udp unix http websocket text
+    'host'                  => '0.0.0.0', // 监听地址
+    'port'                  => 2348, // 监听端口
+    'socket'                => '', // 完整监听地址
+    'context'               => [], // socket 上下文选项
+    'register_deploy'       => true, // 是否需要部署register
+    'businessWorker_deploy' => true, // 是否需要部署businessWorker
+    'gateway_deploy'        => true, // 是否需要部署gateway
+
+    // Register配置
+    'registerAddress'       => '127.0.0.1:1236',
+
+    // Gateway配置
+    'name'                  => 'thinkphp',
+    'count'                 => 1,
+    'lanIp'                 => '127.0.0.1',
+    'startPort'             => 2000,
+    'daemonize'             => false,
+    'pingInterval'          => 30,
+    'pingNotResponseLimit'  => 0,
+    'pingData'              => '{"type":"ping"}',
+
+    // BusinsessWorker配置
+    'businessWorker'        => [
+        'name'         => 'BusinessWorker',
+        'count'        => 1,
+        'eventHandler' => '\think\worker\Events',
+    ],
+
+];

config/lang.php

@@ -5,7 +5,7 @@
 
 return [
     // 默认语言
-    'default_lang'    => env('lang.default_lang', 'zh-cn'),
+    'default_lang'    => env('DEFAULT_LANG', 'zh-cn'),
     // 允许的语言列表
     'allow_lang_list' => [],
     // 多语言自动侦测变量名

config/log.php

@@ -5,7 +5,7 @@
 // +----------------------------------------------------------------------
 return [
     // 默认日志记录通道
-    'default'      => env('log.channel', 'file'),
+    'default'      => 'file',
     // 日志记录级别
     'level'        => [],
     // 日志类型记录的通道 ['error'=>'email',...]

config/trace.php

@@ -0,0 +1,10 @@
+<?php
+// +----------------------------------------------------------------------
+// | Trace设置 开启调试模式后有效
+// +----------------------------------------------------------------------
+return [
+    // 内置Html和Console两种方式 支持扩展
+    'type'    => 'Html',
+    // 读取的日志通道名
+    'channel' => '',
+];

config/worker.php

@@ -0,0 +1,30 @@
+<?php
+// +----------------------------------------------------------------------
+// | ThinkPHP [ WE CAN DO IT JUST THINK IT ]
+// +----------------------------------------------------------------------
+// | Copyright (c) 2006-2018 http://thinkphp.cn All rights reserved.
+// +----------------------------------------------------------------------
+// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
+// +----------------------------------------------------------------------
+// | Author: liu21st <liu21st@gmail.com>
+// +----------------------------------------------------------------------
+
+// +----------------------------------------------------------------------
+// | Workerman设置 仅对 php think worker 指令有效
+// +----------------------------------------------------------------------
+return [
+    // 扩展自身需要的配置
+    'host'                  => '0.0.0.0', // 监听地址
+    'port'                  => 2346, // 监听端口
+    'root'                  => '', // WEB 根目录 默认会定位public目录
+    'app_path'              => '', // 应用目录 守护进程模式必须设置（绝对路径）
+    'file_monitor'          => false, // 是否开启PHP文件更改监控（调试模式下自动开启）
+    'file_monitor_interval' => 2, // 文件监控检测时间间隔（秒）
+    'file_monitor_path'     => [], // 文件监控目录 默认监控application和config目录
+
+    // 支持workerman的所有配置参数
+    'name'                  => 'thinkphp',
+    'count'                 => 4,
+    'daemonize'             => false,
+    'pidFile'               => '',
+];

config/worker_server.php

@@ -0,0 +1,55 @@
+<?php
+// +----------------------------------------------------------------------
+// | ThinkPHP [ WE CAN DO IT JUST THINK IT ]
+// +----------------------------------------------------------------------
+// | Copyright (c) 2006-2018 http://thinkphp.cn All rights reserved.
+// +----------------------------------------------------------------------
+// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
+// +----------------------------------------------------------------------
+// | Author: liu21st <liu21st@gmail.com>
+// +----------------------------------------------------------------------
+
+// +----------------------------------------------------------------------
+// | Workerman设置 仅对 php think worker:server 指令有效
+// +----------------------------------------------------------------------
+return [
+    // 扩展自身需要的配置
+    'protocol'       => 'websocket', // 协议 支持 tcp udp unix http websocket text
+    'host'           => '0.0.0.0', // 监听地址
+    'port'           => 2346, // 监听端口
+    'socket'         => '', // 完整监听地址
+    'context'        => [], // socket 上下文选项
+    'worker_class'   => 'app\work\controller\Push', // 自定义Workerman服务类名 支持数组定义多个服务
+
+    // 支持workerman的所有配置参数
+    'name'           => 'thinkphp',
+    'count'          => 4,
+    'daemonize'      => false,
+    'pidFile'        => '',
+
+    // 支持事件回调
+    // onWorkerStart
+    'onWorkerStart'  => function ($worker) {
+
+    },
+    // onWorkerReload
+    'onWorkerReload' => function ($worker) {
+
+    },
+    // onConnect
+    'onConnect'      => function ($connection) {
+
+    },
+    // onMessage
+    'onMessage'      => function ($connection, $data) {
+        $connection->send('receive success');
+    },
+    // onClose
+    'onClose'        => function ($connection) {
+
+    },
+    // onError
+    'onError'        => function ($connection, $code, $msg) {
+        echo "error [ $code ] $msg\n";
+    },
+];

public/.user.ini

@@ -0,0 +1 @@
+open_basedir=/www/wwwroot/workerman.dev.zx2049.com/tp/:/tmp/

view/work/push/index.html

@@ -0,0 +1,316 @@
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <title>上传关键词</title>
+    <meta name="keywords" content="御宅男CMS,CMS,YZNCMS,内容管理系统,CMS系统" />
+    <meta name="description" content="Yzncms(又名御宅男CMS)是基于最新TP5.1框架的CMS内容管理系统。是一款完全免费开源的项目，他将是您轻松建站的首选利器。框架易于功能扩展，代码维护，方便二次开发，帮助开发者简单高效降低二次开发成本，满足专注业务深度开发的需求。" />
+
+    <!-- 引入 layui.css -->
+    <link href="//unpkg.com/layui@2.9.8/dist/css/layui.css" rel="stylesheet">
+    <!-- 引入 layui.js -->
+    <script src="//unpkg.com/layui@2.9.8/dist/layui.js"></script>
+
+
+</head>
+
+<body>
+
+<div class="" style="width:800px;margin:0 auto;">
+    <form class="layui-form" action="" style="margin-top:50px;" id="form_info">
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">选择规则</label>
+            <div class="layui-input-block">
+                <select name="rule" lay-verify="required">
+
+                    {foreach $rule as $key=>$vo}
+                    <option value="{$key}">{$vo}</option>
+                    {/foreach}
+
+
+                </select>
+            </div>
+        </div>
+
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">关键词</label>
+            <div class="layui-input-block">
+                <input type="text" name="title" required  lay-verify="required" placeholder="请输入关键词(主词)" autocomplete="off" class="layui-input">
+            </div>
+        </div>
+
+        <div class="layui-form-item">
+            <label class="layui-form-label">输入框</label>
+            <div class="layui-input-block">
+
+                <div class="layui-upload">
+                    <button type="button" class="layui-btn layui-btn-primary layui-btn-xs" id="testList">选择多文件</button>
+                    <div class="layui-upload-list" style="max-width: 1000px;">
+                        <table class="layui-table">
+                            <colgroup>
+                                <col>
+                                <col width="150">
+                                <col width="260">
+                                <col width="150">
+                            </colgroup>
+                            <thead>
+                            <tr><th>文件名</th>
+                                <th>大小</th>
+                                <th>上传进度</th>
+                                <th>操作</th>
+                            </tr></thead>
+                            <tbody id="demoList"></tbody>
+                        </table>
+                    </div>
+                    <button type="button" class="layui-btn layui-btn-primary layui-btn-xs" id="testListAction">开始上传</button>
+                </div>
+
+
+                <input type="hidden" name="url" required  lay-verify="required" id="file_url" value="" />
+            </div>
+        </div>
+
+        <!--<div class="layui-form-item">
+            <label class="layui-form-label">密码框</label>
+            <div class="layui-input-inline">
+                <input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
+            </div>
+            <div class="layui-form-mid layui-word-aux">辅助文字</div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">选择框</label>
+            <div class="layui-input-block">
+                <select name="city" lay-verify="required">
+                    <option value=""></option>
+                    <option value="0">北京</option>
+                    <option value="1">上海</option>
+                    <option value="2">广州</option>
+                    <option value="3">深圳</option>
+                    <option value="4">杭州</option>
+                </select>
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">复选框</label>
+            <div class="layui-input-block">
+                <input type="checkbox" name="like[write]" title="写作">
+                <input type="checkbox" name="like[read]" title="阅读" checked>
+                <input type="checkbox" name="like[dai]" title="发呆">
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">开关</label>
+            <div class="layui-input-block">
+                <input type="checkbox" name="switch" lay-skin="switch">
+            </div>
+        </div>
+        <div class="layui-form-item">
+            <label class="layui-form-label">单选框</label>
+            <div class="layui-input-block">
+                <input type="radio" name="sex" value="男" title="男">
+                <input type="radio" name="sex" value="女" title="女" checked>
+            </div>
+        </div>
+        <div class="layui-form-item layui-form-text">
+            <label class="layui-form-label">文本域</label>
+            <div class="layui-input-block">
+                <textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
+            </div>
+        </div>-->
+        <div class="layui-form-item">
+            <div class="layui-input-block">
+                <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
+                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
+            </div>
+        </div>
+    </form>
+</div>
+
+<div class="layui-bg-gray" style="padding: 30px;">
+    <div class="layui-row layui-col-space15">
+        <div class="layui-col-md6">
+            <div class="layui-panel">
+                <div style="padding: 50px 30px;">一个面板</div>
+            </div>
+        </div>
+        <div class="layui-col-md6">
+            <div class="layui-panel">
+                <div style="padding: 50px 30px;">一个面板</div>
+            </div>
+        </div>
+    </div>
+</div>
+
+</body>
+
+</html>
+
+
+<script>
+    layui.use(['upload', 'element', 'layer','form'], function(){
+
+        var form = layui.form;
+        var $ = layui.jquery
+            ,upload = layui.upload
+            ,element = layui.element
+            ,layer = layui.layer;
+
+
+        /*$.ajax({  // 定义ajax发送请求
+            url:'http://console.zx2049.com/api/ai/uploadCsv',  // 请求发送的地址  有三种填写方式，与form标签的action一致
+            method:'get',  // 请求发送的方式
+            data: {'num1':0,'num2':1},  // 请求携带的数据
+            success:function(data){  // 异步等待，当后端响应成功会回调执行匿名函数，并将数据传递给data参数
+              console.log(data);
+            }// 使用ajax交互，那么后端返回的数据会被data接收，不在直接影响整个浏览器页面
+
+        });*/
+
+
+        //演示多文件列表
+        var uploadListIns = upload.render({
+            elem: '#testList'
+            ,elemList: $('#demoList') //列表元素对象
+            ,url: 'http://console.zx2049.com/api/ai/uploadCsv' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
+            ,accept: 'file'
+            ,exts: 'xlsx|xls|csv' //只允许上传压缩文件
+            ,size: 2000 //限制文件大小，单位 KB
+            ,multiple: true
+            ,number: 1
+            ,auto: false
+            ,bindAction: '#testListAction'
+            ,choose: function(obj){
+                var that = this;
+                var files = this.files = obj.pushFile(); //将每次选择的文件追加到文件队列
+                //读取本地文件
+                obj.preview(function(index, file, result){
+                    var tr = $(['<tr id="upload-'+ index +'">'
+                        ,'<td>'+ file.name +'</td>'
+                        ,'<td>'+ (file.size/1014).toFixed(1) +'kb</td>'
+                        ,'<td><div class="layui-progress" lay-filter="progress-demo-'+ index +'"><div class="layui-progress-bar" lay-percent=""></div></div></td>'
+                        ,'<td>'
+                        ,'<button class="layui-btn layui-btn-xs demo-reload layui-hide">重传</button>'
+                        ,'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>'
+                        ,'</td>'
+                        ,'</tr>'].join(''));
+
+                    //单个重传
+                    tr.find('.demo-reload').on('click', function(){
+                        obj.upload(index, file);
+                    });
+
+                    //删除
+                    tr.find('.demo-delete').on('click', function(){
+                        delete files[index]; //删除对应的文件
+                        tr.remove();
+                        uploadListIns.config.elem.next()[0].value = ''; //清空 input file 值，以免删除后出现同名文件不可选
+                    });
+
+                    that.elemList.append(tr);
+                    element.render('progress'); //渲染新加的进度条组件
+                });
+            }
+            ,done: function(res, index, upload){ //成功的回调
+                var that = this;
+                //if(res.code == 0){ //上传成功
+                var tr = that.elemList.find('tr#upload-'+ index)
+                    ,tds = tr.children();
+                tds.eq(3).html(''); //清空操作
+                delete this.files[index]; //删除文件队列已经上传成功的文件
+
+                //赋值 //如果选择多次 上传多次 不管 最后一次上传为主即可
+                //var url = $('#file_url').val();
+                $('#file_url').val(res.data.src); // + ',' + url
+
+                return;
+                //}
+                this.error(index, upload);
+            }
+            ,allDone: function(obj){ //多文件上传完毕后的状态回调
+                console.log(obj);
+                //
+            }
+            ,error: function(index, upload){ //错误回调
+                var that = this;
+                var tr = that.elemList.find('tr#upload-'+ index)
+                    ,tds = tr.children();
+                tds.eq(3).find('.demo-reload').removeClass('layui-hide'); //显示重传
+            }
+            ,progress: function(n, elem, e, index){ //注意：index 参数为 layui 2.6.6 新增
+                element.progress('progress-demo-'+ index, n + '%'); //执行进度条。n 即为返回的进度百分比
+            }
+        });
+
+
+        //监听提交
+        form.on('submit(formDemo)', function(data){
+            //layer.msg(JSON.stringify(data.field));
+            $.ajax({  // 定义ajax发送请求
+                url:'http://console.zx2049.com/api/ai/uploadCsvFrom',  // 请求发送的地址  有三种填写方式，与form标签的action一致
+                method:'post',  // 请求发送的方式
+                data: data.field,  // 请求携带的数据
+                success:function(res){  // 异步等待，当后端响应成功会回调执行匿名函数，并将数据传递给data参数
+                    console.log(res);
+
+                    if(res.code == 0){
+                        layer.msg('提交成功');
+                        //重置表单
+                        $("#form_info")[0].reset();
+                        $('#file_url').val('');
+                        $('#demoList').empty();
+                    }else{
+                        layer.msg(res.msg);
+                    }
+
+
+                }// 使用ajax交互，那么后端返回的数据会被data接收，不在直接影响整个浏览器页面
+
+            });
+            return false;
+        });
+    });
+</script>
+
+
+<script>
+    let ws = new WebSocket("ws://47.120.56.77:2346")
+
+    ws.onopen = function() {
+        //绑定连接事件
+        console.log("连接成功");
+
+        //每30秒发送一次心跳
+        setInterval(function(){
+
+            // 假设ws是一个WebSocket实例
+            if (ws.readyState !== WebSocket.OPEN) {
+                // 连接不是打开状态，可能是关闭中或已关闭，不应该发送数据
+                console.log('WebSocket is not open.');
+                return false;
+            }
+
+            ws.send(JSON.stringify({'type':"peng"}));
+            console.log('发送心跳...');
+
+        },30000)
+
+    };
+
+    ws.onmessage = function(evt) {
+        //绑定收到消息事件
+        data = JSON.parse(evt.data)
+        console.log(data);
+        //这里处理收到的消息, type类型有两种: connectin、deposit如果有deposit要提示有新的订单
+
+    };
+
+
+    ws.onclose = function(evt) {
+        //绑定关闭或断开连接事件
+        console.log("连接已关闭");
+    };
+</script>