wengqt的博客

对于一个后台管理系统来说，出现最为频繁的就是表单，在登录的时候、查询的时候都需要提交表单。那么，使用了Ant Design框架的form表单要如何提交呢？当我们打开Ant Design官网，打开表单的Demo的时候，发现代码怎么会那么多，又臭又长，比自己平时不用框架时候的表单写起来还麻烦。下面是官网上的一个简单的登录框的例子（可以看到代码是真的长）。那么长的代码真的有用吗？import { For...

作为一个使用react开发的单页面web程序，智库项目放弃了传统的后台返回来管理路径的方式，采用前端管理路径的方式进行渲染。在这里，我们使用react router 4，react router 4 相比以前的版本有一些改变，比如出现了react-router 和 react-router-dom两个包，将<Router>替换为<BrowserRouter>等等。。。现在来...

项目中，有时候会需要文件的预览，由于大部分浏览器都原生支持pdf格式文件的预览，所以只需要使用a标签跳转到pdf路径就可以预览pdf文件了。同样，为了提高兼容性，我们可以引用jquery.media.js文件来加载pdf，当然，前提是你已经引用了jquery。$('#inner').media({ width: '100%', ...

最近在修改展示文件信息和用户信息的表单，需求是能够点击按钮来修改，同时不影响数据的展示。最开始，我直接将可以修改的部分直接存放到输入框中，简单粗暴，可是非常影响美观，并且有严重的修改逻辑，因为采用的是react框架，并不能用id直接绑定input的节点来获取value，所以每一个可修改的节点都有一个onchange的方法来修改，但是最后的保存按钮并不能控制一整行修改的内容。因此需要对当前的修改结果...

在学院信息和专业信息的获取这有两种可行方案，一种是分开获取，先获取学院，再根据学院获取专业；另一种是直接获取到整个学院跟专业的映射，然后根据这个来在前端进行展示，无需二次请求。这两种方法各有利弊，但是在这里，第一种方法是不可行的，因为我们是要在一个列表里面选择专业，如果在分开获取的话，会出现很多网络请求来获取专业信息；还有就是，如果一下子修改两行数据的话，两行的学院不一样，那么专业获取的内容将会出...

从用户的角度来说，非常希望能够看到传输的进度，所以在我们认为非常有必要加上文件上传的进度条。关于文件上传进度的api，在原生js中有可以使用XMLHttpRequest的progress事件：xhr.upload.onprogress = function (event) { if (event.lengthComputable) { var percent = Math.floor(...