第二章：用element、flask、vue开发一个数据加密网站

在本章中，我们能学到：

公众号《帅帅的Python》回复《数据加密》获取源码

我们在网上搜索md5加密，会出来很多的网站，但是都是关于单个字符的的加密，其中加密算法有md5和sha加密。但是当我有1万条数据，如何加密，总不能一条一条的复制粘贴过去加密，这很不现实。

小凡决定先参考这些网站做一个简单的字符串加密网站，然后再做关于Excel文件的加密网站。

我们看这些网站都是由两个输入框，中间加上选项组成的，比如下面这种：

我们可以用element中的组件绘制出这样的页面：

绘制输入字符串的文本框：

同理，我们可以绘制出加密后的文本框：

form表单：

下拉框，选择加密的方式：

单选框：

按钮：

后端我们用flask写一个接口， 这个接口就是用来将前端输入的字符串发送给加密的函数，我们需要开发一个 >

Python目前是比较火，学习之后可以从事软件开发、数据挖掘等工作，发展前景非常好，普通人也可以学习。

下面简单列举一些学完Python之后可以从事的工作：

软件开发，用python做软件是很多人正在从事的工作，不管是B/S软件，还是C/S软件，都能做。并且需求量还是挺大的；

数据挖掘，python可以制作出色的爬虫工具来进行数据挖掘，而在很多的网络公司中数据挖掘的岗位也不少；

游戏开发，python扩展性很好，拥有游戏开发的库，而且游戏开发绝对是暴力职业；

大数据分析，如今是大数据的时代，用python做大数据也是可以的，大数据分析工程师也是炙手可热的职位；

全栈工程师，如今程序员都在向着全栈的方向发展，而学习python更具备这方面的优势；

系统运维，python在很多linux中都支持，而且语法特点很向shell脚本，学完python做个系统运维也是很不错的。

想要系统学习，你可以考察对比一下开设有IT专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，建议实地考察对比一下。

祝你学有所成，望采纳。

在Vue中的非异步主要指的是同步更新视图。在Vue中，数据更新到视图的过程一般是异步的，即数据发生变化后，Vue会将这些变化放入一个队列中，稍后再进行一次更新，这样可以避免频繁的 *** 作DOM元素带来的性能问题。但是，在某些情况下，需要直接更新数据并立即更新视图，这就被称为非异步更新。

在Vue中有一些特殊的API可以实现非异步更新，如$forceUpdate()，但是，在大多数情况下，非异步更新是不推荐的，因为这会使得应用不可预测，会增加很多难以调试的问题，并且可能引发一些性能问题。所以Vue在设计时强烈鼓励使用异步更新的方式来更新视图。如果需要非异步更新，请考虑重构应用程序来避免使用非异步更新。

1、Python 介绍

学习一门新的语言之前，首先简单了解下这门语言的背景。Python 是一种面向对象的解释型计算机程序设计语言，由荷兰人 Guido van Rossum 于 1989 年发明，第一个公开发行版发行于 1991 年。Python 在设计上坚持了清晰划一的风格，这使得 Python 成为一门易读、易维护，并且被大量用户所欢迎的、用途广泛的语言。Python 具有丰富和强大的库。它常被昵称为胶水语言，能够把用其他语言制作的各种模块(尤其是 C/C++)很轻松地联结在一起。

2、Python 技术浪潮

IT 行业热门技术，更新换代非常的快，技术的浪潮一波接着一波，最初的浪潮无疑是桌面时代，使用 C# 搭建桌面应用开始崭露头角，MFC 还是计算机科学专业必学会的东西。接着就是以网站搭建为应用的背景，PHP，Ruby 等语言为主的。再到近几年非常火热的以移动开发为应用背景，Java(Android 开发)或者 OC(iOS 开发)语言为主。很明显如今的浪潮就是以大数据和机器学习为应用背景，Python 语言为主。站在风尖浪口，猪都可以飞的起来。抓住这波技术浪潮，对于从事 IT 行业的人员来说有莫大的帮助。

3、Python 学习

学习一项新的技术，起步时最重要的是什么就是快速入门。学习任何一个学科的知识时，都有一个非常重要的概念：最少必要知识。当需要获得某项技能的时候，一定要想办法在最短的时间里弄清楚都有哪些最少必要知识，然后迅速掌握它们。

对于快速入门 python 来说最少必要知识，有以下几点。

(1) Python 基础语法

找一本浅显易懂，例子比较好的教程，从头到尾看下去。不要看很多本，专注于一本。把里面的例程都手打一遍，搞懂为什么。推荐去看《简明python教程》，非常好的一本 Python 入门书籍。

(2)Python 实际项目

等你对 Python 的语法有了初步的认识，就可以去找些 Python 实际项目来练习。对于任何计算机编程语言来说，以实际项目为出发点，来学习新的技术，是非常高效的学习方式。在练习的过程中你会遇到各种各样的问题：基础的语法问题(关键字不懂的拼写)，代码毫无逻辑，自己的思路无法用代码表达出来等等。这时候针对出现的问题，找到对应解决办法，比如，你可以重新查看书本上的知识(关于基础语法问题)，可以通过谷歌搜索碰到的编译错误(编辑器提示的错误)，学习模仿别人已有的代码(写不出代码)等等。已实际项目来驱动学习，会让你成长非常的快。Python 实际项目网上非常的多，大家可以自己去搜索下。合理利用网络资源，不要意味的只做伸手党。

(3) Python 的学习规划

当你把上面两点做好以后，你就已经入门了 Python，接下来就是规划好自己的以后的学习规划。能找到一个已经会 Python 的人。问他一点学习规划的建议，然后在遇到卡壳的地方找他指点。这样会事半功倍。但是，要学会搜索，学会如何更好地提问，没人会愿意回答显而易见的问题。当然如果你身边没有人会 Python，也可以在网上搜索相应的资料。

Python 可以做的事非常的多，比如：Python 可以做日常任务，比如自动备份你的MP3;可以做网站，很多著名的网站像知乎、YouTube 就是 Python 写的;可以做网络游戏的后台，很多在线游戏的后台都是 Python 开发的。每个人都有自己感兴趣的方向，有的对网站开发比较感兴趣，有的对数据处理感兴趣，有的对后台感兴趣。所以你们可以根据自己感兴趣的方向，网上搜索相关资料，加以深入的学习，规划好自己未来的方向。只要坚持，你就能精通 Python，成为未来抢手的人才。

python做界面我首先想到的是pyqt5，但是笔者之前基本是用wpf做界面，再用其他的做界面都有点不畅快的感觉。直接用到了HTML + CSS + js。随着前端技术的快速发展，如VUE，AUI这类框架的兴起，做个炫酷的页面，远比后端做个界面要快捷方便的多。

但是HTML + CSS + js是运行在浏览器里的，这个系列文章就是要打破python和前端的壁垒，让它们携手打造桌面程序。

那么这个心思路就是，利用pyqt5的QtWebEngineWidgets和QtWebChannel来做媒介，

python完成后台功能，HTML + CSS + js完成全部的界面功能。

界面需要python功能时，js方便的调用python函数并获取返回值。这样各自完成擅长部分，想想都有点小激动呢。

那这样是否靠谱呢？

根据笔者的目前尝试，感觉还是很靠谱的：

1 运行不卡顿，相对于纯的pyqt我感觉这种界面运行起来更流畅。

2 QtWebEngineWidgets移植V8引擎，基本和谷歌的效果是一样的。Vue这样的框架也可以直接引用。

讲QtWebEngineWidgets的文章有很多，我学习这个时候看到网上的很多文章也和受益，但是，基本都是讲的一样的，没有深挖。

首先，QtWebEngineWidgets和QtWebChannel是可以实现双向交互的，但是，在应用的过程中我发现，python调用js会比较简单，有现成的语法可用，而且传输过程中有的数据的类型都不用转换。而且能获取到js的返回值。

而js调用python就复杂一点，传递类型也只能字符串和int（目前我测试的结果是这样），目前网上大多的例子就是基于共享属性这个概念，js是可以调用python函数，但是没法获取到返回值。

但是应用中你就会发现，基本都是js调用python，比如界面中的按钮点击后需要执行数据分析，然后将结果渲染在界面上。那么过程就是js调用py并获取返回值。

今天的内容就是这些，喜欢的可以点赞支持，如果点赞较多，关于这个知识点我将继续做一期有趣的内容。谢谢！

对于自学的小伙伴，小蜗这里整理了一份Python全栈开发的学习路线，可按照这份大纲进行一些学习计划，避免多走弯路。

第一阶段：专业核心基础

阶段目标：

1 熟练掌握Python的开发环境与编程核心知识

2 熟练运用Python面向对象知识进行程序开发

3 对Python的核心库和组件有深入理解

4 熟练应用SQL语句进行数据库常用 *** 作

5 熟练运用Linux *** 作系统命令及环境配置

6 熟练使用MySQL，掌握数据库高级 *** 作

7 能综合运用所学知识完成项目

知识点：

Python编程基础、Python面向对象、Python高级进阶、MySQL数据库、Linux *** 作系统。

1、Python编程基础，语法规则，函数与参数，数据类型，模块与包，文件IO，培养扎实的Python编程基本功，同时对Python核心对象和库的编程有熟练的运用。

2、Python面向对象，核心对象，异常处理，多线程，网络编程，深入理解面向对象编程，异常处理机制，多线程原理，网络协议知识，并熟练运用于项目中。

3、类的原理，MetaClass，下划线的特殊方法，递归，魔术方法，反射，迭代器，装饰器，UnitTest，Mock。深入理解面向对象底层原理，掌握Python开发高级进阶技术，理解单元测试技术。

4、数据库知识，范式，MySQL配置，命令，建库建表，数据的增删改查，约束，视图，存储过程，函数，触发器，事务，游标，PDBC，深入理解数据库管理系统通用知识及MySQL数据库的使用与管理。为Python后台开发打下坚实基础。

5、Linux安装配置，文件目录 *** 作，VI命令，管理，用户与权限，环境配置，Docker，Shell编程Linux作为一个主流的服务器 *** 作系统，是每一个开发工程师必须掌握的重点技术，并且能够熟练运用。

第二阶段：PythonWEB开发

阶段目标：

1 熟练掌握Web前端开发技术，HTML，CSS，JavaScript及前端框架

2 深入理解Web系统中的前后端交互过程与通信协议

3 熟练运用Web前端和Django和Flask等主流框架完成Web系统开发

4 深入理解网络协议，分布式，PDBC，AJAX，JSON等知识

5 能够运用所学知识开发一个MiniWeb框架，掌握框架实现原理

6 使用Web开发框架实现贯穿项目

知识点：

Web前端编程、Web前端高级、Django开发框架、Flask开发框架、Web开发项目实战。

1、Web页面元素，布局，CSS样式，盒模型，JavaScript，JQuery与Bootstrap掌握前端开发技术，掌握JQuery与BootStrap前端开发框架，完成页面布局与美化。

2、前端开发框架Vue，JSON数据，网络通信协议，Web服务器与前端交互熟练使用Vue框架，深入理解>

具体安装步骤和流程

小程序开发入门

Nodejs 详解

nodejs是什么？

Nodejs 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Nodejs 使用了一个事件驱动、非阻塞式 I/O 的模型。

Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。

Node对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快，性能非常好。Node是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node 使用事件驱动， 非阻塞I/O 模型而得以轻量和高效，非常适合在分布式设备上运行数据密集型的实时应用。

Nodejs 的发展历程

简单的说 Nodejs 就是运行在服务端的 JavaScript。

Nodejs 是一个基于Chrome JavaScript 运行时建立的一个平台。

Nodejs是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。

介绍

Nodejs 是一个非常新兴的开发工具，它诞生自 2009 年，年龄远不如 Python、Ruby、PHP 等老大哥，但是它确实有史以来发展最快的开发工具，没有之一。在这短短的几年间，我们看到了 Nodejs 从当初的一无所有到如今的飞速发展，这是没有任何其他开发工具能够媲美的。

作者

Ryan Dahl，网名 ry，虽然如今已经没有多少人了解这一名字。是的，他就是 Nodejs 的亲爹，我们依稀还记得那个安装 Nodejs 需要执行这行命令的日子。

名字的由来

其实 Nodejs 最开始叫 「Webjs」（发布之前），后来因为 API 设计越来越庞大，ry 和他的团队依稀感觉到Webjs 已经过于狭隘了，于是就有了现在的名字。

Vuejs详解

Vuejs是什么？

Vuejs是一款流行的JavaScript前端框架，一个用于创建用户界面的开源JavaScript框架，旨在更好地组织与简化Web开发。Vue所关注的核心是MVC模式中的视图层，同时，它也能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互。

Vuejs是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vuejs 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vuejs 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vuejs 也能完美地驱动复杂的单页应用。

学习网站： >

以上就是关于第二章：用element、flask、vue开发一个数据加密网站全部的内容，包括:第二章：用element、flask、vue开发一个数据加密网站、python如何学习、vue非异步是什么等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！