前端
文章平均质量分 62
__HelloWorld__
这个作者很懒,什么都没留下…
展开
-
CodeMirror使用笔记
最近因工作需要,在项目中使用了CodeMirror代码编辑器,以下是使用笔记。首先,看下最终的效果引入基本的需要资源<script src="<%=request.getContextPath()%>/resources/js/codemirror/codemirror.js" type="text/javascript"></script><...原创 2019-12-09 11:03:30 · 1845 阅读 · 0 评论 -
Flask Web开发入门(二)之Flask-Login使用
上一章我们介绍了使用Flask开发基本的Web应用,并使用session来进行基本的登录授权验证,接下来我们将使用Flask-Login来进行会话管理,来处理我们的“登入、登出”问题 Flask-Login provides user session management for Flask. It handles the common tasks of logging in, loggi原创 2018-01-08 20:18:59 · 9760 阅读 · 0 评论 -
Flask Web开发入门(十四)之使用蓝图(Blueprints)
Flask uses a concept of blueprints for making application components and supporting common patterns within an application or across applications. Blueprints can greatly simplify how large applications原创 2018-01-15 10:04:15 · 1485 阅读 · 0 评论 -
Flask Web开发入门(十一)之图片展现
在Flask Web开发入门(十)之图片上传(使用Flask-Uploads)我们介绍了使用Flask插件Flask-Uploads上传图片,本章就此话题继续展开。我们知道,我们可以通过UPLOADS_DEFAULT_DEST参数来指定文件上传的默认路径,假如我们指定的路径是upload目录,那么文件实际保存的路径为: upload/files/xxx注意,files为Uploa原创 2018-01-11 20:05:55 · 6018 阅读 · 0 评论 -
Flask Web开发入门(七)之SQLAlchemy
上一章中,我们简单介绍了使用 SQLAlchemy ORM框架来访问MySQL数据库,本章我们将继续就此话题进行展开。 SQLAlchemy is the Python SQL toolkit and Object Relational Mapper that gives application developers the full power and flexibility of SQ原创 2018-01-09 20:03:37 · 1128 阅读 · 0 评论 -
Python中类的JSON序列化
这肯定是个老生常谈的问题,在此记录下。在Python中,当在我们使用sqlalchemy.orm来对数据库对象进行存取,并将这些数据展现到前台页面时,我们就面临如何将Python中的类对象进行JSON序列化。简单起见,我们从代码说起:首先,我们定义一个用户类,用以存储用户信息class User(object): def __init__(self, id, name, p原创 2018-01-11 20:30:12 · 1633 阅读 · 1 评论 -
Flask Web开发入门(十)之图片上传(使用Flask-Upload)
在Flask Web开发入门(八)之文件上传中,我们探讨了Flask框架下的文件上传,本章我们将使用Flask插件Flask-Uploads示例说明的图片上传与展现如何实现开始之前,我们先简单看下Flask-Uploads源码实现:类UploadSet:文件上传配置集合,包含三个参数:name:文件上传配置集合的名称,默认files,一般不用修改,只是一个标识,要求数字、字母或两原创 2018-01-11 19:42:46 · 18313 阅读 · 8 评论 -
Flask Web开发入门(九)之表单处理
本章我们介绍Flask Web开发中的表单处理application/json类型请求前台请求代码: $.ajax({ url: '/add' , type: 'POST' , data: JSON.stringify(data.field)原创 2018-01-10 19:47:07 · 16897 阅读 · 22 评论 -
JQuery选择器之CSS选择器
核心选择器 语法 描述 * 选择所有元素 <type> 选择特定类型的元素 .<class> 选择具有特定class的元素 <type>.<class> 选择具有特定class的某类元素 ‘#id 选择具有特定id属性值的元素属性选择器 语法 描述 [attr] 选取定义了attr属性的元素,即使这个属性值为空 [attr=”val”原创 2017-12-07 20:47:53 · 1579 阅读 · 0 评论 -
使用JQuery修改Table特定行的相关属性
一个简单的小问题,有如下一个表格:<table border="1" id="history"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td>原创 2017-12-05 20:33:17 · 3117 阅读 · 0 评论 -
Flask Web开发入门(三)之使用 Request Loader 定制登录
在上一章中,我们介绍了使用Flask-Login进行会话管理,实现基本的登入、登出功能,在实际的业务运用中,不仅要求基本的登录登出授权管理,还要求对外暴漏API接口服务,当然暴漏的服务接口不可能随意访问,还需要一定的授权信息,这时,我们需要Request Loader来进行定制登录,简单期间,我们使用HTTP Header中的Authorization作为查询参数的API密钥,只有请求Header原创 2018-01-08 20:37:17 · 2894 阅读 · 1 评论 -
Flask Web开发入门(一)之简单的登录验证
Flask is a microframework for Python based on Werkzeug, Jinja 2 and good intentions. 我们的目标是通过Flask实现一个简单的web系统,系统需要用户登录,未登录用户无法访问授权页面,因此,我们定义页面如下:index.html默认首页,需要登录授权访问login.html登录页,输入用户名和密码e原创 2018-01-08 19:47:42 · 22253 阅读 · 2 评论 -
Flask Web开发入门(四)之错误处理
在我们上一章中,我们介绍了使用 Request Loader 定制登录,在我们的逻辑分支中,错误处理我们使用了abort函数:当我们使用abort函数时,它表示放弃请求并返回错误代码,默认情况业务不友好,那么我们可以使用errorhandler() 装饰器来进行定制错误页面,errorhandler装饰器使用如下:@app.route('/error')@app.errorhan原创 2018-01-08 20:47:19 · 1912 阅读 · 0 评论 -
微服务架构系列——API服务网关
本章我们简单介绍微服务架构下的API服务网关,本章我们将讨论以下话题:什么是API服务网关为什么需要API服务网关API服务网关的工作机制处理横切关注点当我们在开发设计大型软件应用时,我们一般都会采用分层的架构模式,比如,在WEB应用程序中,下面的这种架构是我们最为常见的设计模式在这样的一个分层架构中,我们可以看到应用被分成了web层、业务层、数据层。在分层架构设计中,我们可以看...翻译 2019-06-17 19:07:45 · 969 阅读 · 0 评论 -
SpringBoot使用JWT集成Ng-Alain
Ng-Alain与SpringBoot整合其实本身也并不复杂,SpringBoot专注于后台业务实现,而Ng-Alain则专注于前端页面展现。spring initializr新建SpringBoot工程下载Ng-Alain源码,并拷贝至工程的ng_alain目录下,打开_mock目录下各种模拟接口实现,SpringBoot中参考实现相应接口,具体实现可参考源码链接中Github的源码...原创 2018-11-28 11:32:55 · 2471 阅读 · 1 评论 -
SpringBoot【The request was rejected because the URL was not normalized】
SpringBoot整合ng-alain时报错如下:org.springframework.security.web.firewall.RequestRejectedException: The request was rejected because the URL was not normalized. at org.springframework.security.web.firewal...原创 2018-11-27 16:57:06 · 29337 阅读 · 4 评论 -
SpringBoot使用JWT集成Ng-Alain之Token失效处理
在 SpringBoot使用JWT集成Ng-Alain中,我们简单介绍了SpringBoot与Ng-Alain的集成,在这种前后端分离框架实践中,我们使用了JWT来接口安全标识,考虑一个问题,从整个系统的业务实际来看,当Token过期失效之后,我们需要用户重新登录以获取新的Token。在我们的代码实现中,当用户未获取正确的Token或者当Token失效时候,抛出403异常。因此,我们需要修改N...原创 2018-11-29 21:55:11 · 3055 阅读 · 0 评论 -
Ng Alain分页控件的使用
在【Ng Alain】官方示例源码中,关于pagination分页控件的代码如下: &lt;ng-template #pagination&gt; &lt;nz-pagination [nzTotal]="50" [nzPageSize]="5" (nzPageIndexChange)="getData()"&gt原创 2018-11-29 14:49:12 · 3267 阅读 · 1 评论 -
HTTP幂等性概念和应用
Idempotence, in programming and mathematics, is a property of some operations such that no matter how many times you execute them, you achieve the same result.基于HTTP协议的Web API是时下最为流行的一种分布式服务提供方式...转载 2018-03-29 14:16:31 · 1109 阅读 · 0 评论 -
那些你不知道的爬虫反爬虫套路
转自:https://zhuanlan.zhihu.com/p/27299841?columnSlug=ctriptech前言爬虫与反爬虫,是一个很不阳光的行业。这里说的不阳光,有两个含义。第一是,这个行业是隐藏在地下的,一般很少被曝光出来。很多公司对外都不会宣称自己有爬虫团队,甚至隐瞒自己有反爬虫团队的事实。这可能是出于公司战略角度来看的,与技术无关。第二是,这个行业...转载 2018-02-23 20:45:42 · 683 阅读 · 0 评论 -
Python接收application/json与application/x-www-form-urlencoded数据
http://blog.csdn.net/kangkanglou/article/details/79027556原创 2018-01-10 20:23:17 · 5279 阅读 · 0 评论 -
Flask Web开发入门(八)之文件上传
本章我们介绍Flask Web开发中涉及的文件上传模块定义后台接收处理逻辑# http://flask.pocoo.org/docs/0.12/patterns/fileuploads/@app.route('/upload', methods=['POST'])def upload_file(): if request.method == 'POST':原创 2018-01-10 19:30:23 · 15003 阅读 · 12 评论 -
Flask Web开发入门(五)之日志
作为码农,在开发功能中记录日志是必要且必须的,因为事情往往不像你想象的那样理想完美,就像你开发的代码那样,良好的日志习惯能助你快速排查定位问题,从 Flask 0.3 开始,Flask 就已经预置了日志系统。以下是Flask日志的运用示例:import osimport loggingimport sysLOG_PATH = 'logs'LOG_FILE = 'text.t原创 2018-01-08 21:05:02 · 3135 阅读 · 0 评论 -
Python可视化展现—看博客大佬们的写作规律
在《使用BeautifulSoup爬取CSDN博客文章》这篇文章中,我们使用了BeautifulSoup爬取了CSDN博客的访问情况以及文章列表信息,紧接着,我们可以做一些更好玩的事情,比如:分析下这些排名靠前的一些博客写作规律等信息,我们首先按时间维度分析下这些“博客大佬们“的产量信息: 我们定义一个dict用以记录博客发表年份与发表文章数量关系,修改walk_tree如下: article原创 2017-12-13 20:08:02 · 475 阅读 · 0 评论 -
Python词云图绘制—看博客大佬们的写作热点
在《Python可视化展现》中,我们使用了Matplotlib可视化了一些博客大佬们的博客发表年份与数量的关系,接下来我们再看下这些博客文章的热点都有哪些。 我们仅对文章的标题进行分词处理,然后统计分词结果,并绘制出博客文章词云,我们使用了jieba和thulac进行中文分词,结果总体差不多,但thulac速度更显得慢。重新定义walk_treedef walk_tree_j(html, num)原创 2017-12-13 20:26:54 · 906 阅读 · 0 评论 -
使用BeautifulSoup爬取CSDN博客文章
Beautiful Soup 是一个可以从HTML或XML文件中提取数据的Python库 Requests is an elegant and simple HTTP library for Python, built for human beings. 通过Requests发起请求获取博客信息,然后再通过BeautifulSoup的基本应用,当然这里我们选取的是排名靠前的博客,注意如果是在内网原创 2017-12-12 20:41:57 · 797 阅读 · 0 评论 -
回车事件
随便写写,逗你玩儿 $(function () { $(document).keydown(function (event) { if (event.keyCode == 13) { //search action }原创 2017-10-16 20:56:54 · 302 阅读 · 0 评论 -
form submit
function login() { var login = false; $.ajax({ url: '/login', data: "username=" + $("#username").val() + "&password=" + $("#password").val(), type: '原创 2017-09-12 20:14:02 · 377 阅读 · 0 评论 -
TableSorter - Appending table data with ajax
ajaxtablesorter原创 2017-09-11 20:52:15 · 373 阅读 · 0 评论 -
67 个拯救前端开发者的工具、库和资源
67 个拯救前端开发者的工具、库和资源 本文转载自:众成翻译 译者:myvin 审校: huangxiaolu 链接:http://www.zcfy.cc/article/4174 原文:https://hackernoon.com/67-useful-tools-libraries-and-resources-for-saving-your-time-as-a-web-转载 2017-09-14 21:34:05 · 429 阅读 · 0 评论 -
SpringBoot拦截器
SpringBoot拦截器MVCInterceptor原创 2017-09-13 21:18:32 · 334 阅读 · 0 评论 -
echarts-wordcloud绘制词云图之空串问题。
最近在使用echarts-wordcloud绘制词云图,在实际的开发环境中表现算是正常,但部署到正常的生产环境上来看,发现实际的云图并非预期,按正常的业务场景,这些关键词至少都是有密度区分的,不应该会展示为这样。仔细看了下返回JSON子串是这样的,后来想想应该是第一个空串有关,而且这个空串的出现权重非常大。[ { "name": "", "v原创 2017-03-15 20:26:37 · 9410 阅读 · 0 评论 -
JSTree
JSTree是一个JQuery插件,当前最新版本v3.3.1(2016-05-05MIT),使用JSTree可以很方便的通过简单的配置快速实现复杂的树形结构,支持模糊查询、动态加载。原创 2016-05-09 17:45:12 · 10833 阅读 · 0 评论 -
使用JQuery数据模板Handlerbars
在涉及网站前台页面展示时,一般我们会通过Ajax请求获取JSON数据,然后JavaScript拼接HTML的方式进行。这种方法只需要服务器提供一个JSON字串,剩下的工作则由客户端浏览器去完成JavaScript脚本的解析工作,因此页面体验效果好,同时服务器承受的压力相对较很小。但这种方法下代码的可读性却比较差,而且随着陆续添加更复杂的元素,代码的复杂程度还会显著增加。这种情况下,我们就需要J原创 2015-06-04 18:43:49 · 3439 阅读 · 0 评论 -
Java Restful Web Services (二)——参数注解2
示例@Context及@CookieParam注解 (以下示例参考自韩陆所著《Java RESTful Web Service实战》)import javax.ws.rs.GET;import javax.ws.rs.Path;import javax.ws.rs.Produces;import javax.ws.rs.core.*;import java.util.Iterator;原创 2015-03-02 20:28:55 · 3631 阅读 · 0 评论 -
Java Restful Web Services (二)——参数注解1
本章主要介绍Jersey各种不同的参数注解Parameters of a resource method may be annotated with parameter-based annotations to extract information from a request. One of the previous examples presented the use of @Pat原创 2015-03-02 20:19:24 · 8460 阅读 · 0 评论 -
iframe标签
iframe一般用来包含别的页面,原创 2014-09-12 20:43:23 · 821 阅读 · 0 评论 -
table表格行号
以新浪微博的源码章节示例<div class="finance-pt"> <!-- finance table begin 0426 --> <table cellspacing="0" cellpadding="0" class="finance-form"> <thead> <tr> <th style="width:43px;">品种</th原创 2017-10-21 21:01:10 · 2418 阅读 · 0 评论 -
Nginx 前后端分离配置
Nginx (engine x) 是一个高性能的HTTP和反向代理服务器在前后端分离框架设计中,Nginx是一个不错的选择,因为其既可以作为前端HTTP访问器,也可以通过简单配置实现负载,同时也可以通过反向代理配置解决前后端分离的JavaScript跨域问题。配置Nginx作为前端HTTP访问器,前端页面(*.html)放到html目录下(如果想新增一个访问上下文跟,只需要在此目录下新建一个子目录原创 2017-11-07 20:29:51 · 20039 阅读 · 0 评论 -
使用Scrapy爬取CSDN博客首页文章
Scrapy, a fast high-level web crawling & scraping framework for PythonCSDN博客首页如下,包括:推荐、资讯、人工智能等栏目每一个栏目下有不同的推荐文章列表,我们使用Scrapy来读取这些栏目的推荐文章列表定义爬虫如下class QuotesSpider(scrapy.Spider): name = "csdn"原创 2017-12-20 19:58:59 · 1294 阅读 · 0 评论