..

application/controller/Index.php

@@ -1,12 +1,13 @@
<?php
namespace app\controller;
// use \Firebase\JWT\JWT;
use app\Request;
use app\View;
use app\model\User;
use app\Session;
use app\model\User;
use app\utils\RRException;
use app\utils\ParsedownExtension;
@@ -31,17 +32,17 @@ class Index extends View
        $doc = $request->params['doc'];
        $doc = ltrim($doc, '/');
        
        if (substr($doc, -1) === '/') {
            $doc = $doc . "index.md";
        }
        $doc = empty($doc) ? 'index.md' : $doc;
        
        if (pathinfo($doc,PATHINFO_EXTENSION) != 'md') {
        if (pathinfo($doc, PATHINFO_EXTENSION) != 'md') {
            $doc = $doc . ".md";
        }
        
        $filename = DATA_PATH . $doc;
        $text = "";
        $toc = "";
@@ -55,12 +56,12 @@ class Index extends View
            $toc = $res['toc'];
            $content = $res['content'];
        }
        
        $this->assign('doc',$doc);
        $this->assign('doc', $doc);
        $this->assign('is_file_exists', $is_file_exists);
        $this->assign('text',$text);
        $this->assign('toc',$toc);
        $this->assign('content',$content);
        $this->assign('text', $text);
        $this->assign('toc', $toc);
        $this->assign('content', $content);
        $this->fetch();
    }
@@ -85,11 +86,11 @@ class Index extends View
        $content = $requests['content'];
        $pathinfo = pathinfo($doc);
        
        $dir_name = DATA_PATH . $pathinfo['dirname'];
        if (!is_dir($dir_name) && !mkdir($dir_name, 0744, true)) {
            die(json_encode(['code'=>2, 'msg'=>'目录创建失败']));
            die(json_encode(['code' => 2, 'msg' => '目录创建失败']));
        }
        $filename = DATA_PATH . $doc;
@@ -97,30 +98,55 @@ class Index extends View
        $res = file_put_contents($filename, $content);
        if ($res === false) {
            echo json_encode(['code'=>2, 'msg'=>'保存失败']);
            echo json_encode(['code' => 2, 'msg' => '保存失败']);
        } else {
            echo json_encode(['code'=>0, 'msg'=>'保存成功, 字数:' . $res]);
            echo json_encode(['code' => 0, 'msg' => '保存成功, 字数:' . $res]);
        }
        die();
    }
    // private function validate ()
    // {
    //     $jwt = isset($_SERVER['HTTP_TOKEN']) ? $_SERVER['HTTP_TOKEN'] : '';
    //     if (empty($jwt)) {
    //         throw new RRException("You do not have permission to access.", 401);
    //     }
    //     try {
    //         JWT::$leeway = 60;
    //         $decoded = JWT::decode($jwt, KEY, ['HS256']);
    //         $arr = (array)$decoded;
    //         if ($arr['exp'] < time()) {
    //             throw new RRException("认证信息已过期, 请重新登录.", 401);
    //         }
    //     } catch(\Exception $e) {
    //         throw new RRException($e->getMessage(), 401);
    //     }
    //     return true;
    // }
    public function login()
    {
        $this->fetch();
    }
        if (Session::get('userid')) {
            echo "您已登录请登录";
            header("Location: /index", TRUE, 301);
    public function dologin()
    {
        if ($_SERVER['REQUEST_METHOD'] == 'POST') {
            $username = strip_tags(htmlentities($_POST['username']));
            $password = strip_tags(htmlentities($_POST['password']));
            exit();
        }
        $request = Request::getInstance();
        if ($request->isPost()) {
            $username = strip_tags(htmlentities($request->params['username']));
            $password = strip_tags(htmlentities($request->params['password']));
            if (!$username || !$password) {
                throw new RRException("用户名或密码不能为空!", 1);
            }
            
            $user = new User();
            
            $info = $user->getInfoByUsername($username);
            if (!$info) {
@@ -149,31 +175,67 @@ class Index extends View
            Session::set('userid', $info['id']);
            Session::set('username', $info['username']);
            echo json_encode(['code'=>0, 'msg'=>'success']);
            echo json_encode(['code' => 0, 'msg' => 'success']);
            die();
        } else {
            $this->fetch();
        }
        die();
    }
    // private function validate ()
    // {
    //     $jwt = isset($_SERVER['HTTP_TOKEN']) ? $_SERVER['HTTP_TOKEN'] : '';
    //     if (empty($jwt)) {
    //         throw new RRException("You do not have permission to access.", 401);
    //     }
    
    //     try {
    //         JWT::$leeway = 60;
    //         $decoded = JWT::decode($jwt, KEY, ['HS256']);
    //         $arr = (array)$decoded;
    //         if ($arr['exp'] < time()) {
    //             throw new RRException("认证信息已过期, 请重新登录.", 401);
    //         }
    //     } catch(\Exception $e) {
    //         throw new RRException($e->getMessage(), 401);
    //     }
    public function logout()
    {
        Session::destroy();
        echo "登出成功.....";
        header("Location: /login", TRUE, 301);
    //     return true;
    // }
        exit();
    }
    public function password()
    {
        $request = Request::getInstance();
        if ($request->isPost()) {
            $userid = Session::get('userid');
            if (!$userid) {
                throw new RRException('用户未登录, 请登录');
            }
            $user = new User();
            // 修改密码
            $oldpassword = isset($request->params['oldpassword']) ? (string) $request->params['oldpassword'] : '';
            $password    = isset($request->params['newpassword']) ? (string) $request->params['newpassword'] : '';
            $repassword  = isset($request->params['repassword']) ? (string) $request->params['repassword'] : '';
            if (!$password) {
                throw new RRException("密码不能为空", 1);
            }
            if ($password != $repassword) {
                throw new RRException("两次密码不一致", 1);
            }
            $userinfo = $user->getInfoById($userid);
            if (md5($oldpassword) != $userinfo['password']) {
                throw new RRException("原密码不正确", 1);
            }
            try {
                $user->updateById([
                    'id' => $userid,
                    'password' => md5($password)
                ]);
            } catch (\Exception $e) {
                throw new RRException($e->getMessage(), 1);
            }
            Session::destroy();
            echo json_encode(['code' => 0, 'msg' => "保存成功"]);
            die();
        }
    }
    public function userlist()
    {
@@ -190,18 +252,111 @@ class Index extends View
        if ($request->isPost()) {
            $id = isset($request->params['userid']) ? (int) $request->params['userid'] : 0;
    
            if (!$id)
            {
            if (!$id) {
                throw new RRException('userid 不能为空', 1);
            }
            $res = (new User())->deleteById($id);
            if ($res) {
                throw new RRException('操作成功', 0); 
                throw new RRException('操作成功', 0);
            } else {
                throw new RRException('操作失败', 1); 
                throw new RRException('操作失败', 1);
            }
        }
    }
    public function userinfo()
    {
        $request = Request::getInstance();
        $userid = isset($request->params['userid']) ? (int) $request->params['userid'] : 0;
        if ($userid !== 0) {
            $data = (new User())->getInfoById($userid);
            unset($data['password']);
            echo  json_encode(['code' => 0, 'info' => $data]);
        } else {
            throw new RRException("userid 不能为空", 1);
        }
        die();
    }
    public function usersave()
    {
        $request = Request::getInstance();
        if ($request->isPost()) {
            $id = isset($request->params['userid']) ? (int) $request->params['userid'] : 0;
            $user = new User();
            if ($id === 0) {
                // 新增
                $username = isset($request->params['username']) ? (string) $request->params['username'] : '';
                if (!$username) {
                    throw new RRException("用户名不能为空", 1);
                }
                $password = isset($request->params['password']) ? (string) $request->params['password'] : '';
                $repassword = isset($request->params['repassword']) ? (string) $request->params['repassword'] : '';
                if (!$password) {
                    throw new RRException("密码不能为空", 1);
                }
                if ($password != $repassword) {
                    throw new RRException("两次密码不一致", 1);
                }
                try {
                    $user->save([
                        'username' => $username,
                        'password' => md5($password),
                        'create_time' => time()
                    ]);
                } catch (\Exception $e) {
                    throw new RRException($e->getMessage(), 1);
                }
                echo json_encode(['code' => 0, 'msg' => "保存成功"]);
                die();
            } else {
                // 修改密码
                $password = isset($request->params['password']) ? (string) $request->params['password'] : '';
                $repassword = isset($request->params['repassword']) ? (string) $request->params['repassword'] : '';
                if (!$password) {
                    throw new RRException("密码不能为空", 1);
                }
                if ($password != $repassword) {
                    throw new RRException("两次密码不一致", 1);
                }
                // $userinfo = $user->getInfoById($id);
                // $newpassword = md5($password);
                // if ($newpassword != $userinfo['password']) {
                //     throw new RRException("原密码不正确", 1);
                // }
                try {
                    $user->updateById([
                        'id' => $id,
                        'password' => md5($password)
                    ]);
                } catch (\Exception $e) {
                    throw new RRException($e->getMessage(), 1);
                }
                echo json_encode(['code' => 0, 'msg' => "保存成功, 请重新登录."]);
                die();
            }
        }
    }

application/model/MySqlite.php

@@ -1,6 +1,8 @@
<?php
namespace app\model;
use \Exception;
class MySqlite
{
    private $mydb;
@@ -171,10 +173,18 @@ class MySqlite
            $columns .=  "`" . $key . "`,";
            $values .=  "'" . $value . "',";
        }
        
        $columns = rtrim($columns, ',');
        
        $values = rtrim($values, ',');
        
        $sql = "INSERT INTO `$this->tablename`(" . $columns . ") VALUES(". $values . ");";
        return $this->exec($sql);
        if ($this->exec($sql)) {
            return true;
        } else {
            throw new Exception("Error SQL Request", 1);   
        }
    }
    
    /**
@@ -189,8 +199,14 @@ class MySqlite
            $columns .= "`" . $key . "`='" . $value ."',";
        }
        $columns = rtrim($columns, ',');
        
        $sql = "UPDATE `$this->tablename` SET $columns WHERE `id`=$id";
        return $this->exec($sql);
        if ($this->exec($sql)) {
            return true;
        } else {
            throw new Exception("Error SQL Request", 1);   
        }
    }
    /**

application/model/User.php

@@ -27,5 +27,14 @@ class User extends MySqlite
        return $data;
    }
    public function getInfoById($userid)
    {
        $sql = "select * from " . $this->tablename . " where id='" . $userid . "' limit 1";
        $data = $this->getOne($sql);
        return $data;
    }
}

public/index.html

@@ -1 +0,0 @@
test

public/static/css/index.css

@@ -16,11 +16,16 @@ header span.logo {
    opacity: 1;
}
header button {
header button.btn-ml {
    margin-left: 16%;
  /* opacity: 1; */
}
header div.btn-right {
    float: right;
    margin-right: 10%;
}
header span img {
    position: relative;
    left: 56%;

public/static/js/fun.js

@@ -0,0 +1,11 @@
function isNull(str) {
    if (str == null || str == "" || str.length < 1)
        return true;
    else
        return false;
}
//检测密码规则--6位以上
function pwdFormat(pwd) {
    return pwd.match(/^.*(?=.{6,})/) ? true : false;
}

view/editor.php

@@ -0,0 +1,348 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>markdown编辑器</title>
		<link href="/static/css/markdown.css" rel="stylesheet" />
		<script src="/static/js/jquery.min.js"></script>
		<script src="/static/js/ace.js"></script>
		<script src="/static/js/marked.js"></script>
		<script src="/static/js/showPanel.js"></script>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				outline: none;
				border-radius: 0;
			}
			
			html,
			body {
				width: 100%;
				height: 100%;
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
				background-color: #ebebeb;
			}
			
			#bar {
				height: 130px;
				width: 100%;
				color: #fff;
			}
			
			#bar #topbar {
				height: 40px;
				background-color: #337AB7;
				width: 100%;
				color: #fff;
				line-height: 50px;
			}
			
			#bar #czbar {
				height: 50px;
				background-color: #FFFFFF;
				width: 100%;
				color: #fff;
				line-height: 50px;
			}
			
			#bar #toolbar {
				height: 40px;
				background-color: #337AB7;
				width: 100%;
				color: #fff;
				line-height: 50px;
			}
			
			#container {
				overflow: auto;
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				top: 130px;
			}
			
			#editor-column,
			#preview-column {
				width: 49.5%;
				height: 100%;
				overflow: auto;
				position: relative;
				background-color: #F6F6F6;
			}
			
			.pull-left {
				float: left;
			}
			
			.pull-right {
				float: right;
			}
			
			#toolbar img {
				width: 25px;
				height: 25px;
				padding-top: 8px;
				padding-bottom: 7px;
				margin-left: 10px;
			}
			
			#toolbar img:hover {
				background: #EBEBEB;
				cursor: pointer;
			}
			
			#commit {
				color: #FFFFFF;
				padding: 5px 15px;
				background: #BE1A21;
				border: 0px none #FFECEC;
			}
			
			#commit:hover {
				cursor: pointer;
				background: #CB474D;
			}
			
			#dialog{
				position: fixed;
				height: 400px;
				width: 550px;
				background: #FFFFFF;
				z-index: 5;
				left: 30%;
				border: 1px solid gray;
				top: 25%;
				display: none;
			}
			
			#showImg{
				height: 160px;
				width: 160px;
				position: absolute;
				border: 0.5px solid gainsboro;
				bottom: 80px;
				left:35%;
			}
			
			#cancel{
				border: 0px none #FFECEC;
				background: #999999;
				color: #FFFFFF;
				padding: 5px 15px;
				position: absolute;
				top: 8px;
				right: 100px;
			}
			
			#cancel:hover{
				background: #AAAAAA;	
			}
			
			#insert{
				border: 0px none #FFECEC;
				background: #BE1A21;
				color: #FFFFFF;
				padding: 5px 15px;
				position: absolute;
				top: 8px;
				right: 30px;
			}
			
			#insert:hover{
				background: #CB474D;
			}
			
			#upload{
				border: 0px none #FFECEC;
				background: #999999;
				color: #FFFFFF;
				padding: 7px 30px;
				position: absolute;
				top: 67px;
				right: 40px;
			}
			
			#upload:hover{
				background: #AAAAAA;	
			}
			
			#filediv{
				width: 70%;
				height: 30px;
				top: 70px;
				left: 20px;
				position: absolute;
				
			}
			
			#file{
				width: 95%;
				height: 30px;
				position: relative;
				top: -27px;
				opacity: 0.000001;
				cursor: pointer;
			}
			
			
		</style>
		
		<script>
			$(function(){
				$('#dialog').hide();
			})
			
			
		</script>
	</head>
	<body>
		<div id='bar'>
			<div id="topbar">
			</div>
			<div id="czbar">
				<input style="font-size: 26px;width: 80%;padding-left: 10px;border: 0px none #FFFFFF;padding-top: 5px;" type="text" value="文章标题" placeholder="文章标题" />
				<select id="group">
					<option value="volvo">android</option>
					<option value="saab">算法</option>
					<option value="opel">java思想</option>
					<option value="audi">web</option>
				</select>
				<button id="commit">发表博客</button>
			</div>
			<div id="toolbar">
				<img src="/static/img/bold.png" id="bold" onclick="insertText('**这里填写要加粗的文字**')"/>
				<img src="/static/img/italic.png" id="italic" onclick="insertText('_这里填写要斜体的文字_')"/>
				<img src="/static/img/hyperlink.png" id="hyperlink" onclick="insertText('[这里写连接的描述](这里填写连接地址)')"/>
				<img src="/static/img/code.png" id="code" onclick="insertText('```\n这里插入代码\n```')"/>
				<img src="/static/img/image.png" id="image" onclick="showDialog()"/>
			</div>
		</div>
		<div id='container'>
			<div id='editor-column' class='pull-left'>
				<div id='panel-editor' style="height: 100%;">
					<!--编辑区-->
					<div class="editor-content" id="mdeditor" style="height: 100%;"></div>
				</div>
			</div>
			<div id='preview-column' class='pull-right'>
				<div id='panel-preview'>
					<!--显示区-->
					<div id="preview" class="markdown-body"></div>
				</div>
			</div>
			
			<div id="dialog">
				<div style="position: absolute;height: 40px;width: 100%;background: #FFFFFF;border-bottom: 1px solid gray;">
					<span style="position: absolute;left: 10px;top: 10px;color: gray;">插入图片</span>
					<img src="img/X.png" style="height: 25px;width: 25px;position: absolute;right: 10px;top: 10px;cursor: pointer;" onclick="f_cancel()"/>
				</div>
				
				<div>
					<div id="filediv">
						<span style="background: gray;color: #FFFFFF;padding: 6px 10px;">选择图片</span>
						<input type="text" id="fileName" style="height: 25px;width: 70%;"/>
						
						<input type="file" id="file" name="file" onchange="setFile()"/>
					</div>
					<button id="upload" onclick="uploadFile()">上传</button>
				</div>
				
				<img  id="showImg"/>
				
				<div style="position: absolute;bottom: 1px;width: 100%;height: 40px;border-top: 1px solid gray;">
					<button id="cancel" onclick="f_cancel()">取消</button>
					<button id="insert" onclick="insert()">插入</button>
				</div>
			</div>
			
			<script>
				var imgUrl='';//上传图片返回的url
			
				var acen_edit = ace.edit('mdeditor');//左侧编辑框
				acen_edit.setTheme('ace/theme/chrome');
				acen_edit.getSession().setMode('ace/mode/markdown');
				acen_edit.renderer.setShowPrintMargin(false);
				$("#mdeditor").keyup(function() {//给左侧编辑框添加事件，，当键盘抬起时，右侧实时显示左侧的md内容
					$("#preview").html(marked(acen_edit.getValue()));
				});
				
				function f_commit() {
					console.log($('#group').val());
				}
				//DownPanel是我自己写的一个提示，当鼠标移到该dom上，回显示相关提示
				$('#bold').DownPanel({
					render: '<span style="color:#ffffff;">加粗</span>',
					background: '#000000',
					top: ($('#bold').offset().top + 40),
					left: ($('#bold').offset().left)
				});
				$('#code').DownPanel({
					render: '<span style="color:#ffffff;">插入代码</span>',
					background: '#000000',
					top: ($('#code').offset().top + 40),
					left: ($('#code').offset().left)
				});
				$('#hyperlink').DownPanel({
					render: '<span style="color:#ffffff;">插入超链接</span>',
					background: '#000000',
					top: ($('#hyperlink').offset().top + 40),
					left: ($('#hyperlink').offset().left)
				});
				$('#image').DownPanel({
					render: '<span style="color:#ffffff;">插入图片</span>',
					background: '#000000',
					top: ($('#image').offset().top + 40),
					left: ($('#image').offset().left)
				});
				$('#italic').DownPanel({
					render: '<span style="color:#ffffff;">斜体</span>',
					background: '#000000',
					top: ($('#italic').offset().top + 40),
					left: ($('#italic').offset().left)
				});
				
				//左侧插入，用户插入一些特定方法
				function insertText(val) {
					acen_edit.insert(val); //光标位置插入
				}
				
				//选择图片后，用于显示图片路径
				function setFile(){
					$('#fileName').val($('#file').val());
				}
				
				//上传图片到服务器，返回图片地址
				function uploadFile(){
					imgUrl='https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/logo_white.png';
					$('#showImg').attr('src','https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/logo_white.png');
				}
				
				//插入图片弹窗取消
				function f_cancel(){
					$('#dialog').hide();
				}
				
				//插入图片
				function insert(){
					$('#dialog').hide();
					insertText('![这里写图片描述]('+imgUrl+')')
				}
				
				//显示弹窗
				function showDialog(){
					$('#dialog').show();
				}
				
			</script>
	</body>
</html>

view/index.php

@@ -4,6 +4,7 @@
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/index.css">
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/fun.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <script src="/static/js/axios.min.js"></script>
    <!-- <script src="https://cdn.bootcss.com/axios/0.17.1/axios.min.js"></script> -->
@@ -32,39 +33,44 @@
            <a href="/index">HUWIKI</a>
        </span>
        <!-- Button trigger modal -->
        <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" onclick="edit()">
        <button type="button" class="btn btn-primary btn-lg btn-ml" data-toggle="modal" onclick="edit()">
            <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> 编辑
        </button>
        <button type="button" class="btn btn-primary btn-lg" onclick="logout()">
            <span class="glyphicon glyphicon-log-out" aria-hidden="true"></span> 退出
        </button>
        <button type="button" class="btn btn-primary btn-lg" onclick="window.location.href='/userlist'">
            <span class="glyphicon glyphicon-user" aria-hidden="true"></span> 用户管理
        </button>
        <div class="btn-group btn-right" role="group" aria-label="user">
            <button type="button" class="btn btn-primary" onclick="window.location.href='/logout'">
                <span class="glyphicon glyphicon-log-out" aria-hidden="true"></span> 退出
            </button>
            <button type="button" class="btn btn-primary" onclick="window.location.href='/userlist'">
                <span class="glyphicon glyphicon-user" aria-hidden="true"></span> 用户管理
            </button>
            <button type="button" class="btn btn-primary" onclick="password()">
                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span> 修改密码
            </button>
        </div>
    </header>
    <aside>
        <div class="nav" style="z-index: 99;">
            <span>位置: <a href="/index">index</a></span>
            <?php
                $dir_name = pathinfo($doc, PATHINFO_DIRNAME);
                $nav = explode('/',$dir_name);
                $temp = "/index/";
                foreach ($nav as $val) {
                    if ($val=='.' || $val == '..') {
                        continue;
                    } else {
            $dir_name = pathinfo($doc, PATHINFO_DIRNAME);
            $nav = explode('/', $dir_name);
            $temp = "/index/";
            foreach ($nav as $val) {
                if ($val == '.' || $val == '..') {
                    continue;
                } else {
            ?>
            <span> / <a href="<?php echo $temp.$val.'/index.md';?>">
                    <?php echo $val;?>
                </a></span>
                    <span> / <a href="<?php echo $temp . $val . '/index.md'; ?>">
                            <?php echo $val; ?>
                        </a></span>
            <?php
                    }
                    $temp .= $val ."/";
                }
                $temp .= $val . "/";
            }
            ?>
        </div>
        <div class="toc">
            <?php echo $toc;?>
            <?php echo $toc; ?>
        </div>
    </aside>
    <!--article标签中就是我们编写的文本内容-->
@@ -74,15 +80,15 @@
        </div>
        <div class="content">
            <?php
                if ($is_file_exists) {
                    echo $content;
                } else {
            if ($is_file_exists) {
                echo $content;
            } else {
            ?>
            <div class="is_file_exists">
                <span>文档不存在, 点击<a href='javascript:void(0213123);' onclick='edit()'>新建文档</a></span>
            </div>
                <div class="is_file_exists">
                    <span>文档不存在, 点击<a href='javascript:void(0213123);' onclick='edit()'>新建文档</a></span>
                </div>
            <?php
                }
            }
            ?>
        </div>
    </article>
@@ -92,31 +98,61 @@
        <div class="modal-dialog" role="document">
            <div class="modal-content modal-edit">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">编辑</h4>
                </div>
                <div class="modal-body">
                    <div class="editor-content" id="mdeditor" style="height: 70%;"><?php echo $text;?></div>
                    <!-- <textarea class="form-control" rows="20" style="resize:vertical" id="mdeditor" name="mdeditor"><?php echo $text;?></textarea> -->
                    <div class="editor-content" id="mdeditor" style="height: 70%;"><?php echo $text; ?></div>
                    <!-- <textarea class="form-control" rows="20" style="resize:vertical" id="mdeditor" name="mdeditor"><?php echo $text; ?></textarea> -->
                    <!-- begin code -->
                    <!-- <textarea class="form-control" id="mdeditor" name="mdeditor"><?php echo $text;?></textarea> -->
                    <!-- <textarea class="form-control" id="mdeditor" name="mdeditor"><?php echo $text; ?></textarea> -->
                    <!-- end code-->
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary" onclick="save('<?php echo $doc;?>')">Save
                    <button type="button" class="btn btn-primary" onclick="save('<?php echo $doc; ?>')">Save
                        changes</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 修改密码 Modal  -->
    <div class="modal fade" id="passModal" tabindex="-1" role="dialog" aria-labelledby="passModalLabel">
        <div class="modal-dialog" role="document" style="margin-top: 200px;">
            <div class="modal-content modal-add">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="passModalLabel">修改密码</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label for="oldpassword">原密码</label>
                        <input type="password" class="form-control" id="oldpassword" placeholder="请输入原密码">
                    </div>
                    <div class="form-group">
                        <label for="newpassword">新密码</label>
                        <input type="password" class="form-control" id="newpassword" placeholder="请输入新密码">
                    </div>
                    <div class="form-group">
                        <label for="password">确认密码</label>
                        <input type="password" class="form-control" id="repassword" placeholder="请再次输入密码">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary" onclick="dopassword()">SAVE</button>
                </div>
            </div>
        </div>
    </div>
    <!-- model end -->
    <script>
        $(document).ready(function () {
        $(document).ready(function() {
            // 表格加上边框
            $("table").addClass('table table-bordered');
            
            if (storage.getItem("headerColor")) {
                var color = storage.getItem("headerColor");
@@ -136,6 +172,7 @@
                $(obj).data("status", 0);
            }
        }
        function doChange(color) {
            // console.log(color);
            // var color = $(obj).val();
@@ -151,12 +188,12 @@
        });
        // ace 编辑器
        var editor = ace.edit('mdeditor');//左侧编辑框
        var editor = ace.edit('mdeditor'); //左侧编辑框
        editor.setTheme('ace/theme/chrome');
        editor.getSession().setMode('ace/mode/markdown');
        editor.renderer.setShowPrintMargin(false);
        var imgUrl = '';//上传图片返回的url
        var imgUrl = ''; //上传图片返回的url
        // codemirror
        // var editor = CodeMirror.fromTextArea(document.getElementById("mdeditor"), {
@@ -195,7 +232,7 @@
                method: "POST",
                url: `/save`,
                data: JSON.stringify(params),
            }).then(function (res) {
            }).then(function(res) {
                if (res.data.code == 0) {
                    // acen_edit.destroy();
                    // acen_edit.container.remove();
@@ -206,10 +243,51 @@
                } else {
                    alert(res.data.msg);
                }
            }).catch(function (error) {
            }).catch(function(error) {
                console.log(error);
            });
        }
        function password() {
            $("#passModal").modal('show');
        }
        function dopassword() {
            let oldpassword = document.querySelector('#oldpassword').value;
            let newpassword = document.querySelector('#newpassword').value;
            let repassword = document.querySelector('#repassword').value;
            if (isNull(newpassword)) {
                alert("密码不能为空.");
                return false;
            }
            if (!pwdFormat(newpassword)) {
                alert("密码需6位以上.");
                return false;
            }
            if (newpassword != repassword) {
                alert("两次密码不一致.");
                return false;
            }
            $.post(
                '/password', {
                    "oldpassword": oldpassword,
                    "newpassword": newpassword,
                    "repassword": repassword
                },
                function(res) {
                    if (res.code == 0) {
                        alert(res.msg);
                        window.location.href = "/login";
                    } else {
                        alert(res.msg);
                        return false;
                    }
                }, 'json');
        }
    </script>
</body>

view/login.php

@@ -64,7 +64,7 @@
                var uname = $("#username").val();
                var upwd = $("#userpwd").val();
                $.post('/dologin', {
                $.post('/login', {
                   'username' :  uname,
                   'password' :  upwd,
                }, function(res){

view/userlist.php

@@ -6,6 +6,7 @@
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <script src="/static/js/fun.js"></script>
    <title>用户列表</title>
    <style>
@@ -21,7 +22,8 @@
<body>
    <div class="box">
        <div class="row col-md-8">
            <button type="button" class="btn btn-primary">新增</button>
            <button type="button" class="btn btn-primary" onclick="add()">新增</button>
            <a href="/index" type="button" class="btn btn-default">返回</a>
            <table class="table table-bordered">
                <thead>
                    <tr>
@@ -47,8 +49,12 @@
                            <td><?php echo $value['id']; ?></td>
                            <td><?php echo $value['username']; ?></td>
                            <td><?php echo date('Y-m-d H:i:s', $value['create_time']); ?></td>
                            <td><a type="button" class="btn btn-danger" href="javascript:del(<?php echo $value['id']; ?>)">
                                <span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a></td>
                            <td>
                                <a type="button" class="btn btn-primary" href="javascript:add(<?php echo $value['id']; ?>)">
                                    <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                                <a type="button" class="btn btn-danger" href="javascript:del(<?php echo $value['id']; ?>)">
                                    <span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                            </td>
                        </tr>
                    <?php
                    }
@@ -57,27 +63,111 @@
            </table>
        </div>
    </div>
    
    <!-- 新增 Modal  -->
    <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel">
        <div class="modal-dialog" role="document" style="margin-top: 200px;">
            <div class="modal-content modal-add">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="addModalLabel">新增</h4>
                </div>
                <div class="modal-body">
                    <input type="hidden" name="userid" id="userid" value="0">
                    <div class="form-group">
                        <label for="username">用户名</label>
                        <input type="text" class="form-control" id="username" placeholder="请输入用户名">
                    </div>
                    <div class="form-group">
                        <label for="password">密码</label>
                        <input type="password" class="form-control" id="password" placeholder="请输入密码">
                    </div>
                    <div class="form-group">
                        <label for="password">确认密码</label>
                        <input type="password" class="form-control" id="repassword" placeholder="请再次输入密码">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary" onclick="save()">SAVE</button>
                </div>
            </div>
        </div>
    </div>
    <!-- model end -->
    <script>
        function del(id)
        {
        function del(id) {
            $.post('/userdelete', {
                   'userid' :  id,
                }, function(res){
                    console.log(res);
                'userid': id,
            }, function(res) {
                console.log(res);
                if (res.code == 0) {
                    alert('操作成功');
                    window.location.reload();
                } else {
                    alert(res.msg);
                }
                return false;
            }, 'json');
        }
        function add(userid) {
            userid = userid || 0;
            if (userid != 0) {
                $.get('userinfo', {
                    'userid': userid,
                }, function(res) {
                    $("#userid").val(res.info.id);
                    $("#username").val(res.info.username);
                    $("#username").attr('disabled', true);
                }, 'json')
            }
            $("#addModal").modal('show');
        }
        function save() {
            let userid = document.querySelector('#userid').value;
            let username = document.querySelector('#username').value;
            let password = document.querySelector('#password').value;
            let repassword = document.querySelector('#repassword').value;
            if (isNull(password)) {
                alert("密码不能为空.");
                return false;
            }
            if (!pwdFormat(password)) {
                alert("密码需6位以上.");
                return false;
            }
            if (password != repassword) {
                alert("两次密码不一致.");
                return false;
            }
            $.post(
                '/usersave', {
                    "userid": userid,
                    "username": username,
                    "password": password,
                    "repassword": repassword
                },
                function(res) {
                    // console.log(res);
                    if (res.code == 0) {
                        alert('操作成功');
                        
                        alert(res.msg);
                        window.location.reload();
                    } else {
                        alert(res.msg);
                        return false;
                    }
                    return false;
                }, 'json');
        }
    </script>
</body>