基于Django的线上果蔬商城（四）：用户中心

朴灿烈づ我的快乐病毒、 2023-07-04 11:28 10阅读 0赞

## 用户中心模板改造 ##

把相同的块，放到base中  
把不同的块，单独编写，覆盖base  
base.html

{# 首页 注册 登录 #}
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    {% load staticfiles %}
    <head>
    	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        {# 网页标题内容块 #}
    	<title>{% block title %}{% endblock title %}</title>
    	<link rel="stylesheet" type="text/css" href="{% static 'css/reset.css' %}">
    	<link rel="stylesheet" type="text/css" href="{% static 'css/main.css' %}">
    	{# 网页顶部引入文件块 #}
        {% block topfiles %}{% endblock topfiles %}
    </head>
    <body>
    {# 网页顶部欢迎信息块 #}
    {% block header_con %}
    	<div class="header_con">
    		<div class="header">
    			<div class="welcome fl">欢迎来到每日生鲜!</div>
    			<div class="fr">
                    {% if user.is_authenticated %}
    				<div class="login_btn fl">
    					欢迎您：<em>{
       { user.username }}</em>
                        <span>|</span>
    					<a href="{% url 'user:logout' %}">退出</a>
    				</div>
                    {% else %}
    				<div class="login_btn fl">
    					<a href="{% url 'user:login' %}">登录</a>
    					<span>|</span>
    					<a href="{% url 'user:register' %}">注册</a>
    				</div>
                    {% endif %}
    				<div class="user_link fl">
    					<span>|</span>
    					<a href="{% url 'user:user' %}">用户中心</a>
    					<span>|</span>
    					<a href="cart.html">我的购物车</a>
    					<span>|</span>
    					<a href="{% url 'user:order' %}">我的订单</a>
    				</div>
    			</div>
    		</div>		
    	</div>
    {% endblock header_con %}
    
    {# 网页顶部搜索框块 #}
    {% block search_bar %}
    	<div class="search_bar clearfix">
    		<a href="index.html" class="logo fl"><img src="images/logo.png"></a>
    		<div class="search_con fl">
    			<input type="text" class="input_text fl" name="" placeholder="搜索商品">
    			<input type="button" class="input_btn fr" name="" value="搜索">
    		</div>
    		<div class="guest_cart fr">
    			<a href="#" class="cart_name fl">我的购物车</a>
    			<div class="goods_count fl" id="show_count">1</div>
    		</div>
    	</div>
    {% endblock search_bar %}
    
    {# 网站主体内容块 #}
    {% block body %}{% endblock body %}
    
    	<div class="footer">
    		<div class="foot_link">
    			<a href="#">关于我们</a>
    			<span>|</span>
    			<a href="#">联系我们</a>
    			<span>|</span>
    			<a href="#">招聘人才</a>
    			<span>|</span>
    			<a href="#">友情链接</a>		
    		</div>
    		<p>CopyRight © 2016 武汉每日生鲜信息技术有限公司 All Rights Reserved</p>
    		<p>电话：010-****888    鄂ICP备*******8号</p>
    	</div>
        {# 网页底部html元素块 #}
        {% block bottom %}{% endblock bottom %}
        {# 网页底部引入文件块 #}
    	{% block bottomfiles %}{% endblock bottomfiles %}
    </body>
    </html>

base\_user\_center

{# 用户中心页面 #}
    {% extends 'base_no_cart.html' %}
    {% block title %}天天生鲜-用户中心{% endblock title %}
    {% block page_title %}用户中心{% endblock page_title %}
    {% block body %}
        <div class="main_con clearfix">
    		<div class="left_menu_con clearfix">
    			<h3>用户中心</h3>
    			<ul>
    				<li><a href="{% url 'user:user' %}" {% if page == 'user' %}class="active"{% endif %}>· 个人信息</a></li>
    				<li><a href="{% url 'user:order' %}" {% if page == 'order' %}class="active"{% endif %}>· 全部订单</a></li>
    				<li><a href="{% url 'user:address' %}" {% if page == 'address' %}class="active"{% endif %}>· 收货地址</a></li>
    			</ul>
    		</div>
            {# 用户中心右侧内容块 #}
            {% block right_content %}{% endblock right_content %}
        </div>
    {% endblock body %}

user\_center\_info.html

{% extends 'base_user_center.html' %}
    {% block right_content %}
    		<div class="right_content clearfix">
    				<div class="info_con clearfix">
    				<h3 class="common_title2">基本信息</h3>
    						<ul class="user_info_list">
    							<li><span>用户名：</span>{
       { user.username }}</li>
                                {% if address %}
                                    <li><span>联系方式：</span>{
       { address.phone }}</li>
                                    <li><span>联系地址：</span>{
       { address.addr }}</li>
                                {% else %}
                                    <li><span>联系方式：</span>无默认</li>
    							    <li><span>联系地址：</span>无默认</li>
                                {% endif %}
    						</ul>
    				</div>
    				
    				<h3 class="common_title2">最近浏览</h3>
    				<div class="has_view_list">
    					<ul class="goods_type_list clearfix">
                            {% for goods in goods_li %}
    				        <li>
                                <a href="detail.html"><img src="{ { goods.image.url }}"></a>
                                <h4><a href="detail.html">{
       { goods.name }}</a></h4>
                                <div class="operate">
                                    <span class="prize">￥{
       { goods.price }}</span>
                                    <span class="unit">{
       { goods.price }}/{
       { goods.unite }}</span>
                                    <a href="#" class="add_goods" title="加入购物车"></a>
                                </div>
                            </li>
                            {% empty %}
                                无历史浏览记录
                            {% endfor %}
    			        </ul>
    		        </div>
    		</div>
    {% endblock right_content %}

user\_center\_site.html

{% extends 'base_user_center.html' %}
    {% block right_content %}
    		<div class="right_content clearfix">
    				<h3 class="common_title2">收货地址</h3>
    				<div class="site_con">
    					<dl>
    						<dt>当前地址：</dt>
                            {% if address %}
    						    <dd>{
       { address.addr }} （{
       { address.receiver }} 收） {
       { address.phone }}</dd>
    					    {% else %}
                                <dd>无默认地址</dd>
                            {% endif %}
                        </dl>
    				</div>
    				<h3 class="common_title2">编辑地址</h3>
    				<div class="site_con">
    					<form method="post">
                            {% csrf_token %}
    						<div class="form_group">
    							<label>收件人：</label>
    							<input type="text" name="receiver">
    						</div>
    						<div class="form_group form_group2">
    							<label>详细地址：</label>
    							<textarea class="site_area" name="addr"></textarea>
    						</div>
    						<div class="form_group">
    							<label>邮编：</label>
    							<input type="text" name="zip_code">
    						</div>
    						<div class="form_group">
    							<label>手机：</label>
    							<input type="text" name="phone">
    						</div>
    
    						<input type="submit" value="提交" class="info_submit">
    					</form>
    				</div>
    		</div>
    {% endblock right_content %}

## 配置路由 ##

url(r'^logout$', LogoutView.as_view(), name='logout'), # 注销登录
    
        url(r'^$', UserInfoView.as_view(), name='user'), # 用户中心-信息页
        url(r'^order$', UserOrderView.as_view(), name='order'), # 用户中心-订单页
        url(r'^address$', AddressView.as_view(), name='address'), # 用户中心-地址页

## LoginRequireMixin类控制访问 ##

![在这里插入图片描述][20200210210650711.png]  
用户中心逻辑实现，将session信息存储到Redis中：

# /user/logout
    class LogoutView(View):
        '''退出登录'''
        def get(self, request):
            '''退出登录'''
            # 清除用户的session信息
            logout(request)
    
            # 跳转到首页
            return redirect(reverse('goods:index'))
    
    
    # /user
    class UserInfoView(LoginRequiredMixin, View):
        '''用户中心-信息页'''
        def get(self, request):
            '''显示'''
            # Django会给request对象添加一个属性request.user
            # 如果用户未登录->user是AnonymousUser类的一个实例对象
            # 如果用户登录->user是User类的一个实例对象
            # request.user.is_authenticated()
    
            # 获取用户的个人信息
            user = request.user
            address = Address.objects.get_default_address(user)
    
            con = get_redis_connection('default')
    
            history_key = 'history_%d'%user.id
    
            # 获取用户最新浏览的5个商品的id
            sku_ids = con.lrange(history_key, 0, 4) # [2,3,1]
    
            goods_li = []
            for id in sku_ids:
                goods = GoodsSKU.objects.get(id=id)
                goods_li.append(goods)
    
            # 组织上下文
            context = { 'page':'user',
                       'address':address,
                       'goods_li':goods_li}
    
            # 除了你给模板文件传递的模板变量之外，django框架会把request.user也传给模板文件
            return render(request, 'user_center_info.html', context)
    
    
    # /user/order
    class UserOrderView(LoginRequiredMixin, View):
        '''用户中心-订单页'''
        def get(self, request):
            '''显示'''
            # 获取用户的订单信息
    
            return render(request, 'user_center_order.html', { 'page':'order'})
    
    
    # /user/address
    class AddressView(LoginRequiredMixin, View):
        '''用户中心-地址页'''
        def get(self, request):
            '''显示'''
            # 获取登录用户对应User对象
            user = request.user
    
            address = Address.objects.get_default_address(user)
    
            # 使用模板
            return render(request, 'user_center_site.html', { 'page':'address', 'address':address})
    
        def post(self, request):
            '''地址的添加'''
            # 接收数据
            receiver = request.POST.get('receiver')
            addr = request.POST.get('addr')
            zip_code = request.POST.get('zip_code')
            phone = request.POST.get('phone')
    
            # 校验数据
            if not all([receiver, addr, phone]):
                return render(request, 'user_center_site.html', { 'errmsg':'数据不完整'})
    
            # 校验手机号
            if not re.match(r'^1[3|4|5|7|8][0-9]{9}$', phone):
                return render(request, 'user_center_site.html', { 'errmsg':'手机格式不正确'})
    
            address = Address.objects.get_default_address(user)
    
            if address:
                is_default = False
            else:
                is_default = True
    
            # 添加地址
            Address.objects.create(user=user,
                                   receiver=receiver,
                                   addr=addr,
                                   zip_code=zip_code,
                                   phone=phone,
                                   is_default=is_default)
    
            # 返回应答,刷新地址页面
            return redirect(reverse('user:address')) # get请求方式

[20200210210650711.png]: https://img-blog.csdnimg.cn/20200210210650711.png