django 模板继承

最新推荐文章于 2022-03-24 23:14:32 发布
最新推荐文章于 2022-03-24 23:14:32 发布
阅读量241 收藏
点赞数
分类专栏： django
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/QWERTY55555/article/details/105750900
版权

一、template 新建base.html

<!DOCTYPE html>
<html>
{% load staticfiles %}
<head>
	<meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
    <!-- block 定制内容可以被字幕版重写-->
	<title>{% block title %}课程机构列表 - 慕学在线网1{% endblock %}</title>
	<link rel="stylesheet" type="text/css" href="{% static 'css/reset.css' %}">
	<link rel="stylesheet" type="text/css" href="{% static 'css/animate.css' %}">
	<link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
    {% block custom_css %}{% endblock %}
    {% block custom_js %}{% endblock %}
    <script src="{% static 'js/jquery.min.js' %}" type="text/javascript"></script>
    <script src="{% static 'js/jquery-migrate-1.2.1.min.js' %}" type="text/javascript"></script>

</head>
<body>
<section class="headerwrap ">
    <header>
		<div  class=" header">
 			<div class="top">
				<div class="wp">
					<div class="fl"><p>服务电话：<b>33333333</b></p></div>
					<!--登录后跳转-->


                        <a style="color:white" class="fr registerbtn" href="register.html">注册</a>
                        <a style="color:white" class="fr loginbtn" href="login.html">登录</a>



				</div>
			</div>

            <div class="middle">
                <div class="wp">
                    <a href="index.html"><img class="fl" src="{% static '' %}images/logo.jpg"/></a>
                    <div class="searchbox fr">
                        <div class="selectContainer fl">
                            <span class="selectOption" id="jsSelectOption" data-value="course">
                                公开课
                            </span>
                            <ul class="selectMenu" id="jsSelectMenu">
                                <li data-value="course">公开课</li>
                                <li data-value="org">课程机构</li>
                                <li data-value="teacher">授课老师</li>
                            </ul>
                        </div>
                        <input id="search_keywords" class="fl" type="text" value="" placeholder="请输入搜索内容"/>
                        <img class="search_btn fr" id="jsSearchBtn" src="../images/search_btn.png"/>
                    </div>
                </div>
            </div>


			<nav>
				<div class="nav">
					<div class="wp">
						<ul>
							<li ><a href="index.html">首页</a></li>
							<li >
								<a href="course-list.html">
									公开课<img class="hot" src="../images/nav_hot.png">
								</a>
							</li>
							<li >
								<a href="teachers-list.html">授课教师</a>
							</li>
							<li class="active" ><a href="org-list.html">授课机构</a></li>
						</ul>
					</div>
				</div>
			</nav>

			</div>
    </header>
</section>
<!--crumbs start-->
<!--面包屑-->
{% block custom_bread %}
<section>
        <div class="wp">
            <ul  class="crumbs">
                <li><a href="index.html">首页</a>></li>
                <li>课程机构</li>
            </ul>
        </div>
    </section>
{% endblock %}
{% block content %}
{% endblock %}
<footer>
		<div class="footer">
			<div class="wp">
				<ul class="cont">
					<li class="logo"><a href=""><img src="../images/footlogo.png"/></a></li>
					<li class="code"><img src="../images/code.jpg"/><p class="center">扫描关注微信</p></li>
					<li class="third"><img class="fl" src="../images/tell.png"/><p class="tell">33333333</p><p class="time">周一至周日 9:00-18:00</p></li>
				</ul>

			</div>
			<p class="line"></p>
			<div class="wp clear">
                <span class="fl">? 2016 www.projectsedu.com 慕学在线-在线学习交流平台 保留所有权利</span>
                <span class="fr">copyright ? 2016 ICP备案证书号：蜀ICP备xxxxx号-1</span>
			</div>
		</div>
	</footer>

<section>
    <ul class="sidebar">
        <li class="qq">
            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2023525077&site=qq&menu=yes"></a>
        </li>
        <li class="totop"></li>
    </ul>
</section>
<script src="{% static 'js/selectUi.js' %}" type='text/javascript'></script>
<script src="{% static 'js/deco-common.js' %}" type='text/javascript'></script>
<script type="text/javascript" src="{% static '/js/plugins/laydate/laydate.js' %}"></script>
<script src="{% static 'js/plugins/layer/layer.js' %}"></script>
<script src="{% static 'js/plugins/queryCity/js/public.js' %}" type="text/javascript"></script>
<script src="{% static '/js/unslider.js' %}" type="text/javascript"></script>
<script src="{% static '/js/plugins/jquery.scrollLoading.js' %}"  type="text/javascript"></script>
<script src="{% static '/js/deco-common.js' %}"  type="text/javascript"></script>

<script>
    $(function(){
        $(document).ready(function() {
            $('#jsStayBtn').on('click', function () {
                $.ajax({
                    cache: false,
                    type: "POST",
                    url: "/org/add_ask/",
                    data: $('#jsStayForm').serialize(),
                    async: true,
                    success: function (data) {
                        if (data.status == 'success') {
                            $('#jsStayForm')[0].reset();
                            $('#jsCompanyTips').html("");
                            alert("提交成功")
                        } else if (data.status == 'fail') {
                            $('#jsCompanyTips').html(data.msg)
                        }
                    },
                });
            });
        });
    })

</script>

</body>
</html>

二、organization app views.py 新增如下代码

# _*_ coding:utf-8 _*_
from django.shortcuts import render
from django.views.generic import View

# Create your views here.


class OrgView(View):
    def get(self,request):
        return render(request, "org-list.html", {})

三、testdjango项目中，新增课程机构首页

#_*_encoding:utf-8_*_

# xadmin的依赖
import xadmin
from xadmin.plugins import xversion
from django.conf.urls import url, include
from django.views.generic import TemplateView
from users.views import user_login
# 导入LoginView 类
from users.views import LoginView, RegisterView, ActiveUserView, ForgetPwdView, ResetUserView, ModifyPwdView
from organization.views import OrgView

xadmin.autodiscover()

# version模块自动注册需要版本控制的 Model

xversion.register_models()


urlpatterns = [
    url(r'^adminx/', xadmin.site.urls),

    url(r'^$', TemplateView.as_view(template_name="index.html"), name='index'),
    # 修改调用LoginView.as_view()
    url(r'^login/$', LoginView.as_view(), name="login"),
    url(r'^register/$', RegisterView.as_view(), name="register"),
    url(r'^captcha/', include('captcha.urls')),
    # (?P<active_code>.*)提取active路径后面的参数 http://127.0.0.1:8000/active/F0SNBhzlMRSHtsBA  获取F0SNBhzlMRSHtsBA 并返回给active_code
    url(r'^active/(?P<active_code>.*)/$', ActiveUserView.as_view(), name="active"),
    url(r'^forget', ForgetPwdView.as_view(), name="forget"),
    # 新增如下2个页面url
    url(r'^reset/(?P<active_code>.*)/$', ResetUserView.as_view(), name="reset_pwd"),
    url(r'^modify_pwd/$', ModifyPwdView.as_view(), name="modify_pwd"),
    # 课程机构首页
    url(r'^org_list/$', OrgView.as_view(), name="org_list")




]

四、新增org-list.html ，继承模板并修改标题和面包屑如下：

<!-- 继承base模板-->
{% extends 'base.html' %}
{% block title %}课程机构列表-慕学在线网{% endblock %}
{% load staticfiles %}
{% block custom_bread %}
<section>
        <div class="wp">
            <ul  class="crumbs">
                <li><a href="index.html">首页</a>></li>
{#                <li>课程机构</li>#}
            </ul>
        </div>
    </section>
{% endblock %}
{% block content %}
    <section>
	<div class="wp butler_list_box list">
	<div class='left'>
		<div class="listoptions">
			<ul>
				<li>
					<h2>机构类别</h2>
					<div class="cont">
                        <a href="?city="><span class="active2">全部</span></a>

                            <a href="?ct=pxjg&city="><span class="">培训机构</span></a>

                            <a href="?ct=gx&city="><span class="">高校</span></a>

                            <a href="?ct=gr&city="><span class="">个人</span></a>

					</div>
				</li>
				<li>
					<h2>所在地区</h2>
					<div class="more">更多</div>
					<div class="cont">
                        <a href="?ct="><span class="active2">全部</span></a>

                                <a href="?city=1&ct="><span class="">北京市</span></a>

                                <a href="?city=2&ct="><span class="">上海市</span></a>

                                <a href="?city=3&ct="><span class="">广州市</span></a>

                                <a href="?city=4&ct="><span class="">深圳市</span></a>

                                <a href="?city=5&ct="><span class="">天津市</span></a>

					</div>
				</li>
			</ul>
		</div>
		<div class="all">共<span class="key">15</span>家</div>
		<div class="butler_list company list">
		<div class="layout">
			<div class="head">
				<ul class="tab_header">
					<li class="active"><a href="?ct=&city=">全部</a> </li>
					<li class=""><a href="?sort=students&ct=&city=">学习人数 &#8595;</a></li>
					<li class=""><a href="?sort=courses&ct=&city=">课程数 &#8595;</a></li>
				</ul>
			</div>

                <dl class="des difdes">
                    <dt>
                        <a href="org-detail-homepage.html">
                            <img width="200" height="120" class="scrollLoading" data-url="{% static 'media/org/2016/11/imooc.png' %}"/>
                        </a>
                    </dt>
                    <dd>
                        <div class="clearfix">
                             <a href="org-detail-homepage.html">
                                 <h1>慕课网</h1>
                                 <div class="pic fl">

                                         <img src="../images/authentication.png"/>

                                         <img src="../images/gold.png"/>

                                 </div>
                             </a>
                        </div>
                        <ul class="cont">
                            <li class="first"><p class="pic9">课程数：<span>1</span></p><p class="c7">学习人数：<span>1000</span></p></li>
                            <li class="c8" style="padding-left:18px;">北京市海淀区中关村北大街</li>
                            <li class="pic10" style="padding-left:18px;">经典课程：

                                    <a href="/diary/19/">c语言基础入门</a>

                                    <a href="/diary/16/">数据库基础</a>

                            </li>
                        </ul>
                    </dd>
                    <div class="buy start_groupbuy jsShowPerfect2" data-id="22"><br/>联系<br/>服务</div>
                </dl>

                <dl class="des difdes">
                    <dt>
                        <a href="org-detail-homepage.html">
                            <img width="200" height="120" class="scrollLoading" data-url="../media/org/2016/11/bjdx.jpg"/>
                        </a>
                    </dt>
                    <dd>
                        <div class="clearfix">
                             <a href="org-detail-homepage.html">
                                 <h1>北京大学</h1>
                                 <div class="pic fl">

                                         <img src="../images/authentication.png"/>

                                         <img src="../images/gold.png"/>

                                 </div>
                             </a>
                        </div>
                        <ul class="cont">
                            <li class="first"><p class="pic9">课程数：<span>1</span></p><p class="c7">学习人数：<span>1000</span></p></li>
                            <li class="c8" style="padding-left:18px;">北京市海淀区中关村北大街</li>
                            <li class="pic10" style="padding-left:18px;">经典课程：

                                    <a href="/diary/19/">c语言基础入门</a>

                                    <a href="/diary/16/">数据库基础</a>

                            </li>
                        </ul>
                    </dd>
                    <div class="buy start_groupbuy jsShowPerfect2" data-id="22"><br/>联系<br/>服务</div>
                </dl>

                <dl class="des difdes">
                    <dt>
                        <a href="org-detail-homepage.html">
                            <img width="200" height="120" class="scrollLoading" data-url="../media/org/2016/11/qhdx-logo.png"/>
                        </a>
                    </dt>
                    <dd>
                        <div class="clearfix">
                             <a href="org-detail-homepage.html">
                                 <h1>清华大学</h1>
                                 <div class="pic fl">

                                         <img src="../images/authentication.png"/>

                                         <img src="../images/gold.png"/>

                                 </div>
                             </a>
                        </div>
                        <ul class="cont">
                            <li class="first"><p class="pic9">课程数：<span>1</span></p><p class="c7">学习人数：<span>1000</span></p></li>
                            <li class="c8" style="padding-left:18px;">北京市海淀区中关村北大街</li>
                            <li class="pic10" style="padding-left:18px;">经典课程：

                                    <a href="/diary/19/">c语言基础入门</a>

                                    <a href="/diary/16/">数据库基础</a>

                            </li>
                        </ul>
                    </dd>
                    <div class="buy start_groupbuy jsShowPerfect2" data-id="22"><br/>联系<br/>服务</div>
                </dl>

                <dl class="des difdes">
                    <dt>
                        <a href="org-detail-homepage.html">
                            <img width="200" height="120" class="scrollLoading" data-url="../media/org/2016/11/njdx.jpg"/>
                        </a>
                    </dt>
                    <dd>
                        <div class="clearfix">
                             <a href="org-detail-homepage.html">
                                 <h1>南京大学</h1>
                                 <div class="pic fl">

                                         <img src="../images/authentication.png"/>

                                         <img src="../images/gold.png"/>

                                 </div>
                             </a>
                        </div>
                        <ul class="cont">
                            <li class="first"><p class="pic9">课程数：<span>1</span></p><p class="c7">学习人数：<span>1000</span></p></li>
                            <li class="c8" style="padding-left:18px;">北京市海淀区中关村北大街</li>
                            <li class="pic10" style="padding-left:18px;">经典课程：

                                    <a href="/diary/19/">c语言基础入门</a>

                                    <a href="/diary/16/">数据库基础</a>

                            </li>
                        </ul>
                    </dd>
                    <div class="buy start_groupbuy jsShowPerfect2" data-id="22"><br/>联系<br/>服务</div>
                </dl>

                <dl class="des difdes">
                    <dt>
                        <a href="org-detail-homepage.html">
                            <img width="200" height="120" class="scrollLoading" data-url="../media/org/2016/11/imooc_klgAUn5.png"/>
                        </a>
                    </dt>
                    <dd>
                        <div class="clearfix">
                             <a href="org-detail-homepage.html">
                                 <h1>慕课网2</h1>
                                 <div class="pic fl">

                                         <img src="../images/authentication.png"/>

                                         <img src="../images/gold.png"/>

                                 </div>
                             </a>
                        </div>
                        <ul class="cont">
                            <li class="first"><p class="pic9">课程数：<span>1</span></p><p class="c7">学习人数：<span>1000</span></p></li>
                            <li class="c8" style="padding-left:18px;">北京市海淀区中关村北大街</li>
                            <li class="pic10" style="padding-left:18px;">经典课程：

                                    <a href="/diary/19/">c语言基础入门</a>

                                    <a href="/diary/16/">数据库基础</a>

                            </li>
                        </ul>
                    </dd>
                    <div class="buy start_groupbuy jsShowPerfect2" data-id="22"><br/>联系<br/>服务</div>
                </dl>

		</div>
		 <div class="pageturn">
            <ul class="pagelist">





                            <li class="active"><a href="?page=1">1</a></li>





                            <li><a href="?page=2" class="page">2</a></li>





                            <li><a href="?page=3" class="page">3</a></li>




                    <li class="long"><a href="?page=2">下一页</a></li>


            </ul>
        </div>
		</div>
	</div>
	<div class="right companyright">
			<div class="head">我要学习</div>
			<form class="rightform" id="jsStayForm">
				<div>
                    <img src="../images/rightform1.png"/>
                    <input type="text" name="name" id="companyName" placeholder="名字" maxlength="25" />
                </div>
				<div>
                    <img src="../images/rightform2.png"/>
                    <input type="text" name="mobile" id="companyMobile" placeholder="联系电话"/>
                </div>
				<div>
                    <img src="../images/rightform3.png"/>
                    <input type="text" name="course_name" id="companyAddress" placeholder="课程名" maxlength="50" />
                </div>
                <p class="error company-tips" id="jsCompanyTips"></p>
				<input class="btn" type="text" id="jsStayBtn" value="立即咨询 >" />
            </form>
		</div>

		<div class="right companyrank layout">
			<div class="head">授课机构排名</div>


                <dl class="des">
                    <dt class="num fl">1</dt>
                    <dd>
                        <a href="/company/2/"><h1>慕课网</h1></a>
                        <p>北京市</p>
                    </dd>
                </dl>

                <dl class="des">
                    <dt class="num fl">2</dt>
                    <dd>
                        <a href="/company/2/"><h1>慕课网2</h1></a>
                        <p>深圳市</p>
                    </dd>
                </dl>

                <dl class="des">
                    <dt class="num fl">3</dt>
                    <dd>
                        <a href="/company/2/"><h1>北京大学</h1></a>
                        <p>北京市</p>
                    </dd>
                </dl>




		</div>
        </div>
</section>
{% endblock %}

五、验证效果：

未修改前：

修改后：

wuhuhuan
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
（四）Django 在线平台(通过model form实现页面ajax 提交功能)
小熙_strive的博客
06-09 1804
url分发配置：url会越来越多所以需要在各自的APP中编写urls方便管理在项目urls中配置课程机构的url新建urls配置前端页面跳转 此处就是urls中的namespace命名空间的作用前端页面我要学习功能实现在organization中新建forms.py# !/usr/bin/env python # -*- coding:utf-8 -*- __author__ = '_X.xx_...
Django网站建设-模板复用、数据展示、分页、表单异步提交
叶嘉的博客
01-01 1169
模板复用 新建基础模板，在基础模板中固定不变的可以不用管他，需要修改的部分变成block #标题block &lt;title&gt;{% block title %}课程机构列表 - 慕学在线网{% endblock %}&lt;/title&gt; #css block {% block customcss %}{% endblock %} #js bolck {% block cus...
图片延迟加载scrollLoading.js应用
weixin_30950607的博客
09-29 86
<ul><li><ahref="http://news.qq.com/"target="_blank"name="xinwen"title="腾讯新闻"><imgclass="scrollLoading"data-url="images/col_1.png...
nodejs学习笔记
weixin_33895475的博客
06-01 83
定制一个包并且引用此包.目录结构:假定此包的作用是用来处理字符串转整型,整型车字符串的工具包.那么,需要先写2个js文件,这2个文件就是做类型转换工作的模块,并且将其放到utils/libs目录下.str2int.jsint2str.js好了,功能写完了.我们还需要写一个包的入口程序,那就是main.js,放在功能模块同目录下当然，这样还不行，因为我们还需要一个package.json来指定此包的...
解决TemplateSyntaxError: 'block' tag with name 'custom_js' appears more than once
与其临渊羡鱼，不如进而结网。
03-05 1139
Django项目报错如下： 解决方法：全局搜索find in path
Django模板继承 extend标签实例代码详解
10-16
Django的模板继承是其模板系统的一个核心特性，它允许开发者定义一个基础模板，然后其他模板可以基于这个基础模板进行扩展和定制。这种方式极大地提高了代码的重用性和可维护性，尤其是在大型项目中，能够保持界面的...
Django框架下静态模板的继承操作示例
09-18
接下来我们将深入探讨Django模板继承的操作原理和实践方法。 ### 1. 基础模板（Base Template） 基础模板通常包含了网站的通用结构，如头部、导航栏、页脚等。在上面的例子中，`base.html` 就是一个基础模板，其中...
python-django模板
02-11
4. **继承与块**：Django模板支持模板继承，这使得我们可以创建一个基础模板（如`base.html`），其他模板可以继承并覆盖或添加内容。通过`{% extends %}`指令继承模板，然后用`{% block %}`定义可重写区域。 5. **...
Django 模板 进阶
12-21
6. **模板继承**：模板继承是Django模板的一个强大功能，允许子模板继承父模板的部分或全部内容。父模板中使用`block`定义可被子模板覆盖的区域，子模板通过同名`block`来替换这些内容，提高代码复用率。 举例来说...
Django实现用户注册登录，表单提交后跳转网页(学习笔记)
qq_59020329的博客
03-24 7044
效果图如下： 1.新建项目和APP 使用命令提示符，进入想存放项目的目录： //新建项目coco django-admin startproject coco //新建app python manage.py startapp coco_app 在项目coco目录下新建static文件夹，用于存放网页文件的css，js，imgs 在coco_app目录下新建文件夹templates,用于存放需要用到的HTML网页 2.配置settings.py 打开coco文件夹中的set.
django模板调用和继承
qq_16853655的博客
01-07 141
django中为了不重复写前端的代码，可以采用调用和继承的方式，来让不同的页面，通过提取相同的内容，以及各自补充自己的内容，来实现效率，有两个方法： 首先：应提取相同的内容，写成一个base.html（文件名任意），将待填充的部分，用{% block name %} {% endblock %}标记出来，等待填充 例如： {% load static %} <!DOCTYPE html&gt...
[py][mx]django模板继承-课程列表页
weixin_30596165的博客
02-03 84
课程列表页分析 1,机构类型 2,所在地区 3.排序 学习人数 先分析下 纵观页面,页头页脚都一样. django提供了模板继承. 至少 不同页面的title 面包屑路径 content内容不一致,以前总结个django模板继承 base.html(页头页脚公用, tilte content等block) ---> org-list.html(继承base, 将父block替换成自己的) ...
（三）Django 在线平台(详情页配置+动态显示后端数据+分页+筛选+排序功能)
小熙_strive的博客
06-09 4270
前端页面地址 https://github.com/Lxstrive/DjangoHtml1.把org-list.html拷贝到项目templates中2.很多页面都有共同部分，所以可以创建一个母版base.html 用来继承（减少代码量）3.把org-list.html代码剪切进母版base.html中 用模板语句block包裹可变动模块 母板创建完成&lt;!DOCTYPE html&gt; ...
django-模板继承
sinat_41292836的博客
11-22 470
一、模板继承 Django 使用了“模板继承”的概念：这就是 {% extends "base.html" %}所做的事。它意味着 “首先载入名为 ‘base’ 的模板中的内容到当前模板，然后再处理本模板中的其余内容。”总之，模板继承让你在模板间大大减少冗余内容：每一个模板只需要定义它独特的部分即可。 在项目中一个页面需要修改还好，那么如果当多处并且多个页面都需要修改，那么就大大增加工作量。当时...
django models verbose_name 的作用
热门推荐
QWERTY55555的专栏
04-12 2万+
一、 verbose_name就是在后台显示对对应的名称，看图 对应后台字段如图
django 用户注册
QWERTY55555的专栏
04-19 5032
一、将register.html 拷贝到templates 文件中 修改如下： <!DOCTYPE html> <html> {% load staticfiles %} <head> <meta charset="UTF-8"> <meta name="renderer" content="webkit"> ...
django 实现忘记密码功能
QWERTY55555的专栏
04-25 1507
一、将password_reset.html 和forgetpwd.html 放入template 目录并修改文件如下： <!DOCTYPE html> <html> {% load staticfiles %} <head> <meta charset="UTF-8"> <meta name="renderer" content...
首页和登录页面配置
QWERTY55555的专栏
04-14 1404
一、新建static 目录，把css、js、images、media、img静态文件放入static目录下 静态文件： 链接：https://pan.baidu.com/s/1tpqF26h-WecV_bcyQNmsjQ 提取码：25y8 二、项目settings.py 文件中设置static 目录位置 STATIC_URL = '/static/' STATICFILES_DIR...
xadmin 增加查询结果字段和筛选功能
QWERTY55555的专栏
04-12 689
一、修改xadmin.py代码 #_*_encoding:utf-8_*_ __author__ = 'wuhuhuan' __date__ = '2020/4/12 9:11' import xadmin from .models import EmailVerifyRecord class EmailVerifyRecordAmin(object): #查询结果字段 l...
django模板语言有哪些功能
最新发布
06-08
Django模板语言（Template Language）是一套简洁的语法，用于在Django框架中定义HTML模板并渲染动态内容。它包含以下功能： 1. 变量：使用{{}}包裹变量名，在模板中输出变量的值。 2. 标签：使用{% %}包裹标签名，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值