Vue.js

1. vue前端实战注意事项 1.1. 预备 1.1.1. Eslint 这是个语法检查工具，我用webstorm作为开发的ide，这个语法检查还是太严格了，一个空格啥的都会报错，对新手来讲还是建议关闭，需要关闭的地方主要有两个，webstorm自身设置，在settings里搜Eslint，如下 代码里找到 webpack.base.conf.js 文件，注掉如下 1.1.2. 接口基地址 因为我的基础代码是代码生成器生成，里面有easymock的测试地址，这里需要替换成我们实际项目后台地址，找打 dev.env.js 文件 1.1.3. config/index.js 找到 index.js 文件，如果项目在开发阶段，建议 devtool: 'source-map' 设置成这样，否则可能会造成你的调试困难 1.2. 权限 前后端分离通常要设置权限，也就是用前端来限制访问，不允许不经过登录页就访问其它界面 这个由路由的切面来完成，代码如下，提供一种思路 import router from './router' import store from './store' import NProgress from 'nprogress' // Progress 进度条 import 'nprogress/nprogress.css'// Progress 进度条样式 import {

在一些情况要满足html5的要求时，不能直接使用组件时，我们可以使用is属性来实现 例如： <div id="app-3"> <table> <tbody> <todo-item></todo-item> <todo-item></todo-item> <todo-item></todo-item> </tbody> </table> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> Vue.component('todo-item', { template: '<tr><td>Hello</td></tr>' }) var app3 = new Vue({ el: '#app-3', }) </script> 显示结果 我们看到 <tr> 显示在 <table> 外面，这是错误的，那么如何修改呢？ <div id="app-3"> <table> <tbody> <tr is="todo-item"></tr> <tr is="todo-item"></tr> <tr is="todo-item"></tr> </tbody> </table> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist

给vue组件传常量 <Header title="13812341234"></Header> 给vue组件传变量 <Header :title="serialNumber"></Header> <!--serialNumber需要已定义--> https://www.cnblogs.com/LoveAndPeace/p/7273648.html 来源： oschina 链接： https://my.oschina.net/u/2464371/blog/3054866

作者 本文由 张舫 童鞋投稿 同时也欢迎更多的小伙伴投稿 开发需求 PHP >= 7.0 .0 OpenSSL PHP Extension PDO PHP Extension Mbstring PHP Extension Tokenizer PHP Extension XML PHP Extension Apache/Nginx MySQl Composer NodeJs with NPM 提示 . . 代表代码省略 . 1创建laravel项目 composer create-project laravel/laravel=5.5.* laravelvuecrud #指定laravel版本为5.5.*如果需要最高版本可以去掉版本约束,指定项目名称 image image 看到successfully代表laravel安装成功,如果没有成功请换淘宝镜像重写安装. 如果你composer下载速度过慢可以指定淘宝镜像 composer config -g repo.packagist composer https: //packagist.phpcomposer.com image 查看镜像是否替换成功 composer config -gl #查看全局配置文件 image 2创建迁移文件 cd laravelvuecrud #进入项项目目录 php artisan make

点击上方 java项目开发 ， 选择 设为星标 优质文章，及时送达 -- 来源：zhihu.com/question/294282002/ answer/521229241 问题：Spring MVC 过时了吗？ 我看了一下这个问题的日志，这个问题是2018年9月提出来的。 那么好，首先给出结论：Spring MVC没有过时，它仍然是当前主流的Java Web开发框架。但是，在这个时间点谈论这个问题就有点意思了。题主提出这个问题的时候，可能都没有意识到这个问题正处在Web开发思想变革的分水岭上。 首先，说一下答主这个问题描述中不准确的地方，后面再着重说说现在的分水岭。 现在jsp似乎已经渐渐淡出大家的视野。web开发朝着前后端分离的方向去了 这个没错。但是， 像spring mvc这样前后端耦合较大的框架是否过时了？ 这个疑问就没有必要了。 Spring MVC前后端耦合不大啊。你完全可以使用@RestController。 @RestControlleris a specialized version of the controller. It includes the @Controller and @ResponseBody annotations and as a result, simplifies the controller implementation:

前端vue开发中的跨域问题解决，以及nginx上线部署。（vue devServer与nginx） 参考文章： （1）前端vue开发中的跨域问题解决，以及nginx上线部署。（vue devServer与nginx） （2）https://www.cnblogs.com/riwang/p/11883332.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/4432649/blog/4864029

我们在 上一篇教程 中已经演示了如何通过 Request 请求实例获取各种文本输入数据，但是还有一种输入数据我们没有涉及到，那就是文件上传。我们可以通过 Request 请求实例提供的 file 方法获取用户上传文件，并将其保存到指定目录从而完成文件上传，接下来，我们将从前端到后端实现一个完整的用户上传文件功能，包括视图、路由、控制器部分代码。 定义文件上传路由 首先我们在 routes/web.php 中定义上传文件涉及到的路由： // 用于显式上传表单 Route::get( 'form' , 'RequestController@formPage' ); // 用于处理文件上传 Route::post( 'form/file_upload' , 'RequestController@fileUpload' ); 我们定义了一个 GET 路由 /form ，用于渲染用户上传表单页面，然后定义了一个 POST 路由 /form/file_upload ，用于实现文件上传逻辑。 接下来去控制器中初始化这两个方法。 初始化控制器方法 打开 app/Http/Controllers/RequestController.php ，初始化路由定义中指定的控制器方法，首先是 formPage 方法用于渲染表单视图，我们约定视图路径是 request.form （可以先创建一个空的视图文件

1. JWT是什么 JSON Web Token (JWT)，它是目前最流行的跨域身份验证解决方案 2. 为什么使用JWT JWT的精髓在于：“去中心化”，数据是保存在客户端的。 3. JWT的工作原理 1. 是在服务器身份验证之后，将生成一个JSON对象并将其发送回用户，示例如下： {"UserName": "Chongchong","Role": "Admin","Expire": "2018-08-08 20:15:56"} 2. 之后，当用户与服务器通信时，客户在请求中发回JSON对象 3. 为了防止用户篡改数据，服务器将在生成对象时添加签名，并对发回的数据进行验证 4. JWT组成 一个JWT实际上就是一个字符串，它由三部分组成：头部(Header)、载荷(Payload)与签名(signature) JWT结构原理图：见资料“JWT的数据结构.jpg” JWT实际结构：eyJhbGciOiJIUzI1NiJ9. eyJzdWIiOiJ7fSIsImlzcyI6InpraW5nIiwiZXhwIjoxNTYyODUwMjM3LCJpYXQiOjE1NjI4NDg0MzcsImp0aSI6ImM5OWEyMzRmMDc4NzQyZWE4YjlmYThlYmYzY2VhNjBlIiwidXNlcm5hbWUiOiJ6c3MifQ.