# Py-Flask-SQLServer

**Repository Path**: czdsa/web

## Basic Information

- **Project Name**: Py-Flask-SQLServer
- **Description**: No description available
- **Primary Language**: Python
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-02-08
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 前端部分


### 前端由 https://panjiachen.github.io/vue-element-admin-site/zh/guide/essentials/layout.html#layout 这个项目修改而来（基于VUE全家桶的单页应用），把MOCK数据换成了实际PY后台提供数据  

### 下载ZIP文件解压或者克隆项目，前端开发需要安装 NODE.js 

### 进入前端项目目录，cd vue_admin

### 安装依赖
npm install    // 安装前端包

### 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

### 开启开发服务器，开发时预览编辑结果
npm run dev


## 前端页面发布，打包成文件丢到IIS目录或者其他服务器WEB发布路径下

```bash
 发布测试环境文件
npm run build:stage

 发布生产环境文件到dist目录
npm run build:prod

 预览发布环境效果
npm run preview

 预览发布环境效果 + 静态资源分析
npm run preview -- --report

 代码格式检查
npm run lint

 代码格式检查并自动修复
npm run lint -- --fix
```

vue-element-admin 信息请参考 [使用文档](https://panjiachen.github.io/vue-element-admin-site/zh/)

## 后端部分  
### 开启后端服务，cd py_backend,用到的库需要 pip install XXX(具体用了哪些都在app.py文件开头，推荐虚拟环境安装打包),然后运行python app.py 

### 用了PY的 Flask 提供WEB后端API

https://dormousehole.readthedocs.io/en/latest/quickstart.html#id10   
浏览器跨域解决方案
https://flask-cors.readthedocs.io/en/latest/  

## SQL Server数据库
https://www.microsoft.com/en-us/sql-server/developer-get-started/python/windows  
https://github.com/mkleehammer/pyodbc/wiki   
https://blog.csdn.net/samed/article/details/49963531  

Flask pyodbc ... 具体见 app.py 代码   ，具体端口跟数据库请根据实际修改  

## 如何合并前后端文件,运行在一个WEB目录下
开发完成后，将Vue前端项目文件的dist目录下文件拷贝到py_backend目录下,其中index.html放到templates目录下，运行 app.py 即可
整个WEB运行机制，用户访问服务器写好的对应前端文件，浏览器发HTTP请求到后端PY的API接口，后端根据收到的参数跟URL路径，执行相应逻辑，返回JSON数据，前端根据结果更改视图显示。