美文网首页
页面模板

页面模板

作者: 北街九条狗 | 来源:发表于2019-05-22 10:01 被阅读0次

需要引入文件template-web.js

 <script src="${pageContext.request.contextPath}/jq/template-web.js"></script>
    <script>
        $(function () {
            $('button').click(function () {
                $.get(
                    '${pageContext.request.contextPath}/check',
                    {},
                    function (res) {
                        console.log(res);
                        let json={
                            'check' : res
                        };
                        let html=template('result',json);
                        $('#box').append(html);

                    },
                    'json'
                )
            })

        })
    </script>
<body>
<h4>点击按钮查询用户信息</h4>
<button type="button" id="button">查询</button>
<div id="box"></div>

<script id="result" type="text/html">
    <h5>以下是查询结果</h5>
    {{each check as check}}
        <p>uid:{{check.uid}}</p>
        <p>用户名:{{check.nickname}}</p>
        <p>邮箱:{{check.email}}</p>
        <p>密码:{{check.password}}</p>
        <p>性别:{{check.sex}}</p>
        <p>城市:{{check.city}}</p>
        <p>签名:{{check.sign}}</p>
    {{if check.authority==true}}
        <p>用户权限:管理员</p>
    {{/if}}
    {{if check.authority==false}}
        <p>用户权限:普通用户</p>
    {{/if}}

        <p>注册时间:{{check.regtime}}</p>
        <p>用户飞吻数:{{check.kissnum}}</p>
    {{if check.isexsits==false}}
        <p>用户状态:正常用户</p>
    {{/if}}
    {{if check.isexsits==true}}
    <p>用户状态:隐藏用户</p>
    {{/if}}
        <p>=======================================</p>
    {{/each}}
</script>
</body>

相关文章

  • django---模板继承/跨站攻击

    (一)模板继承 模板继承可以减少页面内容的重复定义,实现页面内容的重用 代码 在模板里面创建一个基础页面(base...

  • django---模板继承/跨站攻击

    (一)模板继承 模板继承可以减少页面内容的重复定义,实现页面内容的重用 代码 在模板里面创建一个基础页面(base...

  • october cms页面介绍一

    说明 所有网站都有页面。在october cms 页面用页面模板表示,页面模板文件存储在主题根目录下的pages目...

  • wepy 模板

    页面模板: 组件模板: mixin 模板: 常用for 循环,组件循环要用repeat

  • 组件定义与使用

    1. vue 文件的组成(3 个部分) 1)模板页面 2)JS ...

  • 页面模板

    需要引入文件template-web.js

  • 页面设置 - 数据页面

    使用模板生成页面的时候,页面设置都被模板配置好了。页面设置提供了一些进阶的配置能力。 页面配置 1.普通属性 页面...

  • 单页面响应式模板:血色圆月

    预览: 部分页面展示: 演示及下载: 演示地址 免费下载 更多模板请立刻访问模板集市 介绍: 单页面响应式模板,支...

  • POI生成Excel(下载)

    js页面模板下载:

  • 组件间通信与ajax的请求方式

    组件定义与使用 1. vue 文件的组成(3 个部分) 1)模板页面