其他章节请看: react 高效高质量搭建后台系统 系列 脚手架搭建 本篇主要创建新项目 myspug,以及准备好环境(例如:安装 spug 中用到的包.本地开发和部署.自定义配置 react-app-rewired.代理 http-proxy-middleware.babel),为后续搭建真正的框架打好基石. 注:许多细节前面我们已经研究过,这部分就不在冗余介绍,请看相关链接. 创建新项目 详情请看 这里 Create React App 是一个用于学习 React 的舒适环境,也是用 Rea…

其他章节请看: react 高效高质量搭建后台系统 系列 请求数据 后续要做登录模块(主页),需要先和后端约定JSON数据格式,将 axios 进行封装,实现本地的数据模拟 mockjs. Tip:spug 中后端返回 json 通常有 data 和 error两个 key.就像这样:{data: [,-], error: ""} axios spug 中的 axios spug 中对 axios 的封装主要在 http.js 文件中.核心是请求拦截器和返回拦截器.源码如下: // s…

其他章节请看: react 高效高质量搭建后台系统 系列 antd 后续要做登录模块(主页),不仅要解决请求数据的问题,还需要完成 antd 配置以及样式的准备. antd 多种主题风格 详情请看 这里 spug 没有提供多种主题风格. 笔者还是决定稍作研究,万一公司需要呢. 步骤如下: 安装 less less-loader.前文已经安装 修改 config-overrides.js // config-overrides.js -const { override, fixBabelImpor…

其他章节请看: react 高效高质量搭建后台系统 系列 登录 本篇将完成登录模块.效果和 spug 相同: 需求如下: 登录页的绘制 支持普通登录和LDAP登录 登录成功后跳转到主页,没有登录的情况下访问系统会重定向到登录页,登录成功后再次回到之前的页面.系统会话过期后,请求会重定向到登录页. Tip:退出登录在进入系统后进行,暂不不管. 路由和登录 登录页是进入系统的门户,登录页绘制逻辑比较简单(单个模块的开发比较简单). 首先要解决:根据 url 不同,进入登录页还是系统主页.这里需要使用…

其他章节请看: react 高效高质量搭建后台系统 系列 系统布局 前面我们用脚手架搭建了项目,并实现了登录模块,登录模块所依赖的请求数据和antd(ui框架和样式)也已完成. 本篇将完成系统布局.比如导航区.头部区域.主体区域.页脚. 最终效果如下: spug 中系统布局的分析 spug 登录成功后进入系统,页面分为三大块:左侧导航.头部和主体区域.如下图所示: Tip:spug 将版权部分也放在主体区域内. 切换左侧导航,主体内容会跟着变化,头部区域不变.例如从工作台切换到 Dashboar…

前言 这两周参加公司的新项目,采用封闭式开发(项目成员在会议室里开发),晚上加班到很晚,所以没时间和精力写原创博客了,今天就分享下这篇<编写高质量代码--Web前端开发修炼之道>读书笔记吧.     正文 欲精一行,必先通十行. 在前端开发这个领域,一专多能更是非常必要的. table布局缺点: 代码量大,结构混乱: 标签语义不明确,对搜索引擎不友好. css布局:div+css,或者(x)html+css. 代码量少.结构精简.语义清新. 代码量少,浏览器端下载时间就会更短: 语义清晰就会对…

首先按照vue.js官网的指令安装: 1.本地安装好node.js 2.根据官方命令行工具 详情 这样一个官方的脚手架工具就已经搭建好了:但是有一点需要注意的是由于现在按照官方的搭建方法是搭建vue2.0如果我们是新手想先搭建1.0的该如何呢.很简单:vue init webpack#1.0 my-project 就好了 开始搭建我们需要的东西了: 在package.json中我们可以看到 我们的 dependencies下面有一个vue1.0.28的版本信息:这里面集成的是vue的信息:我们可…

下载安装XAMPP软件,运行Apache和MySQL 查看项目文件放在哪个位置可以正常运行 然后访问localhost即可 下载weiphp官网的weiapp(专为微信小程序开发使用)放在htdocs目录下 安装完weiphp之后,访问: http://localhost/weiphp/index.php?s=/admin 进入后台管理系统…

Python提供了一些工具,使我们可以把软件部署到不同的环境中.它也提供了一些模块,令开发者可以把程序编写的更加健壮.本章讲解如何使用Python调试.优化并测试程序,以提升其质量与性能. 第五十四条:考虑用模块级别的代码来配置不同的部署环境 第五十五条:通过repr字符串来输出调试信息 第五十六条:用unittest来测试全部代码 第五十七条:考虑用pdb来实现交互调试 第五十八条:先分析性能,然后再优化 第五十九条:用tracemalloc来掌握内存的使用及泄露情况 第五十四条:考虑用模块级…

Python开发者用Pythonic这个形容词来描述具有特定风格的代码.这种风格是大家在使用Python语言进行编程并相互协作的过程中逐渐形成的习惯.那么,如何以改风格完成常见的Python编程工作呢?本节将会回答这个问题. 第一条:确认自己所用的Python版本 第二条:遵循PEP8风格指南 第三条:了解bytes.str与unicode的区别 第四条:用辅助函数来取代复杂的表达式 第五条:了解切割序列的方法 第六条:在单次切片操作内,不要同时指定start.end和stride 第七条:用列…