# ft-test **Repository Path**: pkucg/ft-test ## Basic Information - **Project Name**: ft-test - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-09-11 - **Last Updated**: 2021-09-14 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 金融科技综合实训 2021fall > 集合金融数据分析以及web系统开发两门课内容； > > 本项目主要是web系统的演示 ## 一项目功能能够对数据分析项目通过系统进行展示，包括： * 对原始数据的表格展示 * 对原始数据的可视化展示 * 模型训练的交互操作 * 模型应用的交互 ## 二主要技术栈 * django web项目框架，包括路由、页面模版、数据库模型等 * bootstrap 前端css框架，用于html页面元素的美化 * echarts 用于可视化 ## 三操作步骤 ### 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 ```