本项目将使用Sanic + Vue2 + Webpack2 配合最简单CRUD的逻辑,从工程组织、编码、测试、前、后端构建、接口交互等来诠释一个基于Python的全新一代高性能全栈开发实践的Demo, 具备的功能(v0.1) Sanic (后端) 如何开启一个基于Sanic的工程项目,并通过蓝本来组织基本的MVC模式 通过在Sanic中建立基于RestFul-API并实现一个基本的CRUD逻辑 处理CORS(跨域资源共享)以及解决在Sanic中“pre-flight”请求问题 简单的在peewee上进行二次封装ORM 演示在Sanic中进行单元测试 增加api接口文档 通过peewee和Sanic来实现RestFul-API的分页 VueJS & webpack (前端) DbHeader.vue DbFooter.vue (sticky footer) DbFilterinput.vue DbModal.vue DbSidebar.vue DbTable.vue 遵循ECMAScript 6 规范 如何在vue中使用‘单文件组件’进行开发编码 演示‘非父子组件’如何进行简单的通信以及‘父子组件’之间如何传递数据 如何和后端进行数据交互 如何在vue中优雅的引入第三方JS库 格式化时间 分页实现 可复用组件 得益于类似vue、react等MVVM模式,本项目的任何组件,只要您觉得合适,都可以复用在您的任何项目中,避免重复造轮子。 如何通过webpack2配置来自动化构建前端环境(包括如何配置vue2、处理静态文件,构建不同环境等等) My Final Thoughts ▄▄▄▄▄ ▀▀▀██████▄▄▄ _______________ ▄▄▄▄▄ █████████▄ / \ ▀▀▀▀█████▌ ▀▐▄ ▀▐█ | Gotta go fast! | ▀▀█████▄▄ ▀██████▄██ | _________________/ ▀▄▄▄▄▄ ▀▀█▄▀█════█▀ |/ ▀▀▀▄ ▀▀███ ▀ ▄▄ ▄███▀▀██▄████████▄ ▄▀▀▀▀▀▀█▌ ______________________________ ██▀▄▄▄██▀▄███▀ ▀▀████ ▄██ █ \\ ▄▀▀▀▄██▄▀▀▌████▒▒▒▒▒▒███ ▌▄▄▀▀▀▀█_____________________________ // ▌ ▐▀████▐███▒▒▒▒▒▐██▌ ▀▄▄▄▄▀ ▀▀████▒▒▒▒▄██▀ ▀▀█████████▀ ▄▄██▀██████▀█ ▄██▀ ▀▀▀ █ ▄█ ▐▌ ▄▄▄▄█▌ ▀█▄▄▄▄▀▀▄ ▌ ▐ ▀▀▄▄▄▀ ▀▀▄▄▀ ██ \ ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀ \- ▌ SanicCRUD-vue ▀ ▀ - ▌ (o) ▀ /- ▌ Go Go Go ! ▀ ▀ / ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ ▀ ██ SanicCRUD-vue 0.1发布, Python 全栈开发实践下载地址