template模板使用方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了template模板使用方法相关的知识,希望对你有一定的参考价值。

参考技术A 1.创建模板文件
2.创建的模板文件只能使用wxml和wxss文件,可以在js文件中模拟逻辑操作,但最后这些逻辑操作是要写在调用模板的文件的JS文件中...
3.引用模板 在使用模板文件的wxml的头部中引用模板的wxml文件(注意分清谁引用谁啊,错...
4.如果模板中有js相关的操作或者引入了变量,这些变量和方法必须写在引入模板的js文件中...
5.最后的最后,附上demo,给你个参照,让你知道为啥我行,你不行。

Django 模板Template粗略使用


Template模板配置步骤

  1. 在当前工作目录创建templates文件夹
  2. 配置settings.py文件
MIDDLEWARE = [
    ‘django.middleware.security.SecurityMiddleware‘,
    ‘django.contrib.sessions.middleware.SessionMiddleware‘,
    ‘django.middleware.common.CommonMiddleware‘,
    # ‘django.middleware.csrf.CsrfViewMiddleware‘,  # 注释这句话,不会报403错误
    ‘django.contrib.auth.middleware.AuthenticationMiddleware‘,
    ‘django.contrib.messages.middleware.MessageMiddleware‘,
    ‘django.middleware.clickjacking.XFrameOptionsMiddleware‘,
]
TEMPLATES = [
    {
        ‘BACKEND‘: ‘django.template.backends.django.DjangoTemplates‘,
        ‘DIRS‘: [os.path.join(BASE_DIR,‘templates‘)], # 配置项目路径,这句话意思是当前模板路径为当前工程目录下创建的templates文件夹,BASE_DIR settings.py中已经定义
        ‘APP_DIRS‘: True,
        ‘OPTIONS‘: {
            ‘context_processors‘: [
                ‘django.template.context_processors.debug‘,
                ‘django.template.context_processors.request‘,
                ‘django.contrib.auth.context_processors.auth‘,
                ‘django.contrib.messages.context_processors.messages‘,
            ],
        },
    },
]

模板使用步骤

(1). 在urls.py中添加一个新的url用于显示数据。
(2). 创建相应的视图函数

def  all_stu(request):
    if request.method == ‘GET‘:
        stus = Student.objects.all()
        return render(request,‘stus.html‘,{‘students‘:stus}) # 在页面渲染,第一个参数为请求,第二参数为要显示的页面,第三个参数必须传入字典
       

(3). 在templates目录下新建名为stus的html文件。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <table border="1">
        <thead>
        <th>姓名</th>
        <th>年龄</th>
        <th>操作</th>
        </thead>
        <tbody>
            {% for stu in students %}   <!--for 迭代得到的学生对象集合-->
            <tr>
                <td>{{stu.s_name}}</td>  <!--{{stus.s_name}}拿到学生姓名-->
                <td>{{stu.s_age}}</td>    <!--{{stus.s_age}}拿到学生年龄-->
                <td>
                    <a href="/add_info/?stu_id={{stu.id}}">添加扩展信息</a> <!--添加链接,为了给指定学生添加学生信息,stu_id={{stu.id}}是为了得到具体点击的那个学生的id便于添加到数据库-->
                </td>
            </tr>
            {% endfor %}   <!--结束语法-->
        </tbody>
    </table>
</body>
</html>

(4). 在templates文件目录下添加名为info的html页

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form action="" method="post"> <!--post 表单-->
        电话号码:<input type="text" name="phone">
        地址:<input type="text" name="address">
        <input type="submit" value="提交">
    </form>
</body>
</html>

(5) . 在视图中添加提交更新到数据库的视图函数

def add_info(request):
    # method 获取请求HTTP方式
    if request.method == ‘GET‘:
        return render(request,‘info.html‘) # 点击链接请求url后跳转info页
    if request.method == ‘POST‘:
        # 获取页面中提交的手机号码和地址,并保存
        phone = request.POST.get(‘phone‘)
        address = request.POST.get(‘address‘) # request.POST.get得到表单提交的数据
        stu_id = request.GET.get(‘stu_id‘) # request.GET.get得到请求url后的stu_id
        StudentInfo.objects.create(phone=phone,address=address,stu_id=stu_id)
        return HttpResponse(‘success‘)

上述几步操作后,就可以完成与1个简单的模板展示


以上是关于template模板使用方法的主要内容,如果未能解决你的问题,请参考以下文章

art-template模板引擎基本使用

微信小程序 模板template的使用

模板方法模式-Template Method

模板方法模式(Template Method Pattern)

C++中 模板Template的使用

js模板引擎art-template使用方法