@layout("/common/_container.html",{js:["/assets/databaseInfo/databaseInfo_add.js"]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">添加</span>
</div>

<div class="layui-fluid " style="">
    <div class="layui-card">
        <div class="layui-card-body">
            <form id="databaseInfoForm" lay-filter="databaseInfoForm" class="layui-form model-form" style="max-width: 700px;margin: 40px auto;">
                <input name="dbId" type="hidden"/>
                <div class="layui-form-item">
                    <label class="layui-form-label">数据库名称<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="dbName" name="dbName" placeholder="数据库名称" type="text" class="layui-input" lay-verify="required" required autocomplete="off"/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">JDBC驱动<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <select name="jdbcDriver">
                            <option value="com.mysql.cj.jdbc.Driver">com.mysql.cj.jdbc.Driver</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">JDBC账号<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="userName" name="userName" placeholder="账号" type="text" class="layui-input" lay-verify="required" required autocomplete="off"/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">JDBC密码<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="password" name="password" placeholder="密码" type="text" class="layui-input" lay-verify="required" required autocomplete="off"/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">JDBC URL<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="jdbcUrl" name="jdbcUrl" placeholder="jdbc的url" type="text" class="layui-input" lay-verify="required" required autocomplete="off"/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">备注</label>
                    <div class="layui-input-block">
                        <input id="remarks" name="remarks" placeholder="备注" type="text" class="layui-input" autocomplete="off"/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;提交&emsp;</button>
                        <button class="layui-btn layui-btn-primary" type="button" id="backupPage">&emsp;返回&emsp;</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@}