项目6：“古典文学网”赏文学功能开发.pptx

项目6：“古典文学网”赏文学功能开发XXX202X-XX-XX

目录02.任务1：开发导航栏用户中心显示功能05.任务4：开发文学展示功能03.任务2：开发用户退出功能04.任务3：开发文学列表展示功能01.知识储备：类视图及ElementPlus框架核心组件06.任务5：开发文学评价功能07.拓展任务

学习目标知识目标：?了解Flask框架的WTF表单验证机制，并熟练掌握其应用方法；?了解Flask框架的类视图的组件化思想，熟练其使用及其通信机制；?了解ElementPlus前端框架的组件，掌握常用组件的配置和使用。能力目标：?通过学习Flask框架的WTF表单，能够在项目中提升开发效率和代码质量；?通过学习Flask框架的类视图，能够在组件化的开发服务端项目；?通过学习ElementPlus的组件，能够构建出高效、美观且用户友好的前端界面。素质目标：?培养系统思维，严格遵守行业规范和标准，提高软件质量和可靠性；?培养责任感、职业精神和团队精神，遵守职业道德。

01项目描述

1.1.项目需求小白需要完成“古典文学网”项目的“赏文学”模块的开发，包括导航栏用户中心显示、用户退出、文学列表展示、文学作品展示，以及文学评价等功能。

02知识储备

2.知识储备为了项目的顺利开发，小白需要掌握Flask框架的关键技术，如类视图及ElementPlus框架核心组件。

2.1.Flask框架的类视图在Flask中，类视图通常继承自views.View或views.MethodView。这些基类封装了HTTP方法（如GET、POST等），使得我们能够以更加模块化、结构化的方式来组织和管理视图逻辑。下面我们开发一个类视图的案例，该案例通过不同的请求方式，输出HelloXXX的文字信息。

2.1.创建名为“hi_view”的Flask项目fromflaskimportFlaskfromflask.viewsimportMethodView#构建appapp=Flask(__name__)#创建类视图，封装了HTTP方法classHelloView(MethodView):???#定义GET请求的处理方法????defget(self,name=None):????returnHello+name+GoGet!??#定义POST请求的处理方法???defpost(self,name=None):????returnHello+name+GoPost!??#如果需要，可以定义其他HTTP方法（如PUT）的处理方法#将类视图注册到路由上app.add_url_rule(/hello/name,view_func=HelloView.as_view(hello_view))if__name__==__main__:??#启动服务，设置主机和端口??app.run(host=,port=5000,debug=True)

2.1.运行“hi_view”的Flask项目启动hi_view应用，分别使用GET和POST方式访问“:5000/api/hello/小白”URL，测试结果如图6.1(a)，图6.1(b)所示。图6.1(a)GET请求结果图6.1(b)POST请求结果

2.2.ElementPlus框架常用组件ElementPlus框架中，Layout布局组件占据着举足轻重的地位，它为用户提供了构建复杂页面布局的能力。该组件基于24分栏系统，通过列（col）元素创建出基础的网格布局。在运用Layout布局时，我们可以利用row标签来组织行，并通过col标签来规划列。特别值得一提的是，col标签的span属性赋予了用户极大的灵活性，允许我们根据需求自由组合布局，从而打造出丰富多样的页面结构。

2.2.ElementPlus框架常用组件logo图6.2Layout布局容器运行效果用Layout布局容器来开发一个常见的网页布局

2.2.ElementPlus框架常用组件logo用Layout布局容器来开发一个常见的网页布局上图所展示的网页布局所对应的源代码详情如下：templateel-rowel-col:span=24divclass=grid-contentep-bg-purple-dark//el-col/el-rowel-rowel-col:span=12divclass=grid-contentep-bg-purple//el-colel-col:span=12divclass=grid-contentep