Python Flask全栈开发
Python具有应用广泛、易于学习、大量开源包等优点,在后端开发中更是如此;个人网站是一个程序员的基本目标,也是一个可观的表白神器。本专栏将致力于介绍基于Flask为后台的全栈开发;知道了基本的原理,后期进修自学就都不是问题!
萧班
挥斥方遒,大展身手!
展开
-
jQuery作前台,Python3-Flask作后端的全栈开发——数据交互方式
好久没有些博客啦!不行,2019年是追梦的一年!要再接再厉!春节在家,独自完成了数据库大作业的开发,主题是“匠人教程分享与成品线上出售”的网上商城,项目代码见:匠人堂,集齐了:1. 教程编写(图片+文本);2. 发表评论;3. 点赞功能;4. 在线交易(当然是虚拟货币啦);5. 教程搜索功能;6. 应用了基于盐值的用户密码(口令)保护性存储方式。先亮个首页截图。...原创 2019-02-25 00:18:34 · 1736 阅读 · 8 评论 -
基于python-flask搭建后台,HTML+CSS+JS(jQuery)写前端的web全栈开发(一)
写在前面 因为实验室最近在开发一个网站,所以上个星期就几个人在一块,从〇开始,自学了简易的web全栈开发,也着实走了很多的弯路哈!在此以博客形式记录,谨以此分享给跟兴趣的伙伴们!也希望大伙多多指教!需要准备什么? 首先,我们务必理解:1)什么是前端;2)什么是后端! 我们举一个例子:如上图所示是百度首页!我们输入一个HTTP地址后登录一个网站,所看到的“界面,文本,图片,动画,声...原创 2018-07-15 15:38:59 · 14524 阅读 · 4 评论 -
基于python-flask搭建后台,HTML+CSS+JS(jQuery)写前端的web全栈开发(二)——2.1 前端细节讲解
在正式开始之前,我想跟大家分享一下我的开发思路。 1. 首先,要有一个明确的Project的文件结构,包括文件文件夹命名、归并等。如下图是小编本次项目的结构: (1)总的项目名称是“OLab”(Our Lab的意思)。 (2)“OLab”含有两个文件夹:“Materials”和“src”,前者是一些实验室的资料,例如开发要求、设计方案、辅助照片等,这个不用管;后者...原创 2018-07-15 17:00:48 · 19446 阅读 · 1 评论 -
基于python-flask搭建后台,HTML+CSS+JS(jQuery)写前端的web全栈开发(二)——2.2 前端动画轮播图实现
在我们浏览过的大多数网页中,轮播图基本上是随处可见的,主要用于网站Home页,作为前端技术的一种,目的是通过简易的动画效果和绚丽的图片吸引用户的眼球!轮播图的效果更是多种多样;在本文,小编主要想分享的是比较基本的版本,因为小编也还只是个小白,刚接触过一个星期;但效果上来看是没问题的!步入正题1. 轮播图的原理 其原理是:将一系列待zhan 我们先在上次讲的“templa...原创 2018-07-15 23:05:14 · 3373 阅读 · 3 评论 -
基于python-flask搭建后台,HTML+CSS+JS(jQuery)写前端的web全栈开发(三)——3.1 uploadfiles上传图片到后台(显示进度)处理并返回显示
前面小编说这个项目有两个页面,一个是sketch.html定义的介绍实验室项目(包括abstract,paper,framework,code,results等)的纯前端页面;另一个则是demo.html定义的用户成果体验页面。 通过点击在sketch.html里的按钮进入另一个页面,要怎么实现呢? 上图是sketch.html里的页面跳转按钮! 其定义代...原创 2018-07-16 02:10:09 · 4522 阅读 · 11 评论 -
基于python-flask搭建后台,HTML+CSS+JS(jQuery)写前端的web全栈开发(三)——3.2 普通按钮点击事件与后台交互
在上一篇文章,我们讲解了基于插件实现的上传图片到后台处理,并将处理后得到的结果图与原图在前端显示。 主要idea是将图片先在后台进行缓存,我们传回两张图片的途径,在file的done函数中对<img/>标签的src属性进行更新。 但是这样子存在一个问题,就是后台“static/temp/left(right)”文件夹里的图片会越来越多。 这时候就是那个subm...原创 2018-07-16 10:27:45 · 6164 阅读 · 6 评论