Django博客系统：从零构建用户注册模块

花开有时

发布时间：2026-10-14| 5人浏览过

原创

本文详细讲解在Django博客系统中创建用户模块应用的完整流程。内容涵盖从创建users应用、注册到INSTALLED_APPS，到配置模板路径、定义RegisterView视图函数，以及设置子路由和总路由的引导。此外，还介绍了如何修正静态资源加载路径问题，确保注册页面正常显示。

1. 创建用户模块应用

执行命令users来生成新的应用目录。


$ python manage.py startapp users

2. 注册用户模块应用


INSTALLED_APPS = [
    ...
 
    'users.apps.UsersConfig',
]

完成users应用的注册后，启动测试服务器以验证配置是否生效。

3. 准备模板目录并设置模板路径

4. 定义用户注册视图

首先，将static文件夹中的register.html文件移动至templates目录中，以便Django能够正确识别模板文件。

其次，在users应用的views.py文件中编写视图逻辑，具体实现见下方代码。


from django.views import View
 
class RegisterView(View):
    """用户注册"""
 
    def get(self, request):
        """
        提供注册界面
        :param request: 请求对象
        :return: 注册界面
        """
        return render(request, 'register.html')

5. 定义用户注册路由

在users子应用目录下新建urls.py文件，并配置子路由映射规则。


from django.urls import path
from users.views import RegisterView
 
urlpatterns = [
    # 参数1：路由
    # 参数2：视图函数
    # 参数3：路由名，方便通过reverse来获取路由
    path('register/',RegisterView.as_view(),name='register'),
]

接着，在项目的总urls.py文件中引入users子应用的路由配置，实现路由分发。


from django.contrib import admin
from django.urls import path,include
 
urlpatterns = [
    path('admin/', admin.site.urls),
    # include 参数1要设置为元组（urlconf_module, app_name）
    # namespace 设置命名空间
    path('', include(('users.urls', 'users'), namespace='users')),
]

最后，再次运行测试程序，检查路由跳转是否正常。

6.修改静态文件加载方式

由于之前静态资源的引用使用的是相对路径，这可能导致资源加载失败，因此需要调整静态文件的加载配置。


    以下代码是html的header处修改
    {% load staticfiles %}
    <!-- 引入bootstrap的css文件 -->
    <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="external nofollow" >
    <!-- 引入vuejs -->
    <script type="text/javascript" src="{% static 'js/vue-2.5.16.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/axios-0.18.0.min.js' %}"></script>
    。。。
    以下代码是html的footer处修改
    <!-- 引入js -->
    <script type="text/javascript" src="{% static 'js/host.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/common.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/register.js' %}"></script>