我就是这样的自己的博客

本篇文章介绍如何部署flask后端到服务器上，环境是阿里云的centos7。安装python3.7.1本篇博客参照centos7+Python3.7的正确安装方法（与Python2.X共存），感谢博主！1、首先下载：wget https://www.python.org/ftp/python/3.7.1/Python-3.7.1.tgz2、解压：tar zxvf 压缩文件3、安装依赖环境：yum -y install zlib-devel bzip2-devel openssl-devel

在第一篇博客中验证过使用docker部署Vue.js前端程序是没有问题的，下面在完成代码编写后，我开始进行打包部署。

下面介绍在写后端程序时遇到的问题。后端我使用的是flask，有关flask的基本使用（请求和websocket）在第三篇文章中已经介绍过了，下面介绍一些问题及解决办法。pymysql.err.InternalError: Packet sequence number wrong - got 1 expected 2这里要注意，在将后端部署时有可能会报pymysql.err.InternalError: Packet sequence number wrong - got 1 expected 2错误，

本篇介绍页面的样式设计。颜色1、页面的整体我选用偏黑色的灰色（#1e1e1e），可以在每一页的style中添加body{ background-color: #1e1e1e; }2、字体颜色我选用和背景色对比鲜明的偏白色（#fff），可以在每一个有字显示的标签里添加style='color:#fff'3、这里重点说明element-ui中的展开行里面的颜色如何更改展开行的样式如下所示：想要把表格和页面颜色统一需要做如下操作：<el-table :data="tableData"

本片博客中我要介绍之前提到的Vue.js（以下简称vue）中的watch方法，并且顺带说一下vue的生命周期和文件结构。watchwatch方法可以监视某个值是否发生变化，如果该值发生变化了，就可以做出对应的操作，这一点是很实用的，比如有一个点击事件，当我点击不同的值时，在watch方法的监视下就可以对此做出不同的变化。watch既可以监视一个值，也可以监视多个值，下方举例。监视一个值举例如下：watch:{ //在这里监视的是logPara这个值 logPara:{

上一篇介绍了Vue.js（以下简称vue）的前端请求，简要说明了axios和websocket的基本使用，但是当你刚开始使用时，你会发现会报跨域错误。跨域跨域是浏览器的一种安全机制，基于同源策略，是指当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域，这就可以很好避免因执行外部恶意脚本而造成损害，但是毕竟前后端要分离的话，后台和前端是两个进程要使用不同端口，所以就会造成跨域问题，我在这里提供两种在项目编写过程中可以解决跨域问题的办法。基于后端的解决办法像我自己基于flas

本篇介绍Vue.js（以下简称vue）的前端请求axiosvue目前官方推荐使用axios来进行数据请求，axios是一个基于 promise 的 HTTP 库，简单来说就是可以发送get、post请求（因为我只用到了这些hh），看到网上有人总结axios的特点如下：1.从浏览器中创建 XMLHttpRequests2.从 node.js 创建 http 请求3.支持 Promise API4.拦截请求和响应 （就是有interceptor）5.转换请求数据和响应数据6.取消请求7.自动转

接下来介绍在编写代码中遇到的各种问题及解决思路。

本篇文章介绍Vue.js（以下简称vue）的组件化特性，非常好用组件化为什么当时我选择了vue，因为在我接触为数不多的前端框架中，vue的组件化特性惊艳到了我，组件化的意思就是指页面是可以由一个个组件拼接起来的。比如所有页面都会有一个导航栏，那么就可以将该导航栏单独作为一个组件，然后在App.vue中引入即可，导航栏作为一个单独组件navMenu.vue，代码如下：<!--导航栏组件--><template> <el-menu :default-a

前后端环境基本搭建好后，我们正式开始编写

之前后端本来想用spring boot的，但是之前并未与redis一起使用过，所以后端换到flask。本篇博客来学习下flask参考文档：flask参考文档flask安装pycharm下新建工程后，可界面里安装flask或pip install flask如果报werkzeug的错，那么重新下一下它一个最小的应用hello worldfrom flask import Flaskapp=Flask(__name__)@app.route('/')def hello_world():

上篇文章中基本环境已配置好，下面开始具体的系统搭建了。

前言报名了学校的创新实训，今天正式开始，小组的主题是“WEB访问日志分析与入侵检测可视化系统”，我负责可视化模块。项目地址github：项目仓库项目博客：项目博客技术路线前端前端框架我选用Vue.js，官方网址：Vue.js官方网址组件库我选用了element-ui，其样式丰富，并且基于Vue2.0，其官方文档网址：element-ui官方文档可视化工具我选择配置式的echarts，因为其容易使用、图表样式丰富且美观，虽为配置式工具但已能满足所有需求，官方文档见：echarts官方文