# ftt2022fall **Repository Path**: pkucg/ftt2022fall ## Basic Information - **Project Name**: ftt2022fall - **Description**: FinTech Training 2022 fall - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2022-10-31 - **Last Updated**: 2022-10-31 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 金融科技综合实训 2022fall > 集合金融数据分析以及web系统开发两门课内容； > > 本项目主要是web系统的演示 ## 一项目功能能够对数据分析项目通过系统进行展示，包括： * 对原始数据的表格展示 * 对原始数据的可视化展示 * 模型训练的交互操作 * 模型应用的交互 ## 二主要技术栈 * django web项目框架，包括路由、页面模版、数据库模型等 * bootstrap 前端css框架，用于html页面元素的美化 * echarts 用于可视化 ### 需要复习及掌握的技术 1. Django基本操作及框架 1. 创建工程与应用的命令 2. 文件目录 3. 路由设置 urls.py 父路由及子路由 4. view视图的写法 5. template 模板的应用及模板语法 6. 表单的使用 7. css静态文件的使用 2. 前端框架的使用 1. template母版 2. 母版中对静态的使用 3. 数据可视化框架 echarts的使用 1. echarts gallery 2. echarts本地化应用 4. 项目实现步骤 1. 确定要处理的数据和处理方向 2. 对数据进行表格及可视化展示 3. 对数据进行分析，完善模型，行程可以被调用的模型 4. 实现web端对模型的训练、预测的应用 ## 三操作步骤 ### 1 搭建基本django框架 1. 创建项目以及demo应用（大家可以根据选题情况来设置应用名称） ``` django-admin startproject ftproject cd ftproject django-admin startapp demo ``` 2. 配置项目settings.py ```python INSTALLED_APPS = [ # .... 'ftproject', 'demo', ] ``` 3. 添加bootstrap框架文件到系统中 * 在ftproject中添加static静态文件目录，并拷贝css、js文件内容 * 在ftproject中设置模板母版 4. 编写页面每个页面要至少有 * view方法，作为服务器端业务处理的核心逻辑，输入是HttpRequest，返回是各种形式的HttpResponse * 路由urlpattern，将url地址与具体的view进行映射 * 页面html模版，view视图是业务逻辑，而页面显示部分一般在html中表示 ### 2 数据可视化页面数据可视化使用echarts框架，讲该框架的echarts.js源代码文件加入到django项目中的js文件夹中，在html页面中引入，并按照echarts规则写代码、对图形进行配置即可。 #### 2.1 基本操作 > https://echarts.apache.org/zh/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts echarts图表由一个一个组件组成，图例是组件，坐标轴是组件，可视化图是组件，配置时即对各个对间（对象）进行设置。其中，最重要的是series对象，用来表示可视化图，至少有两个属性，type和data，type表示图类型，data是要可视化的数据。 #### 2.2 使用iris数据画散点图 scikit-learn库中的iris数据共有四个维度的数据，分别是花瓣长度、宽度和花萼长度、宽度，这四个维度数据两两进行散点图的对比，通过可视化的方式能够很清晰的看出存在的规律。这里使用6个散点图对数据进行可视化，详见代码。 ### 3 模型应用 1. 定义模型变量及训练、预测函数和视图 2. 为避免页面刷新，尽量以ajax的形式请求服务 3. 设置输入框输入iris四个数据，调用相应的服务去预测更多模型，可参考 https://www.cnblogs.com/fangqiushun/p/5934996.html ## 附 ### 附1 echarts使用使用echarts分三步： ##### 1 引入 ECharts ```html ``` ##### 2 设置dom容器 ```html

``` ##### 3 使用echarts对容器进行初始化以及配置 ```html ```