资讯专栏INFORMATION COLUMN

20151103addinfo-laravel小练习-小结

jackzou / 3299人阅读

摘要:学习了一段时间的小结一下最近做的小任务写下来才知道好乱糟糟,还是以记录学习的资料为主,写的很糟糕,还需要再揣度多屡屡思路。

学习了一段时间的laravel,小结一下最近做的laravel小任务,写下来才知道好乱糟糟,还是以记录学习的资料为主,写的很糟糕,还需要再揣度多屡屡思路。
20151103-16

源码地址:https://github.com/dingyiming/xc-addinfo-1103

学习资料:

laravel学院

laravist.com

laracasts.com

laravelcollective

vuejs

预先准备

关节点

登录

用户信息增改删查与权限区分

员工管理与权限区分

字段查询

修改个人密码

前端vue-form验证

dingo/API + vue-resource 唯一性判断

添加Oauth2.0

拓展

预先准备

学习了laravel

创建项目 :打开终端,新建文件夹mkdir dev,下载laravel项目源码

composer create-project laravel/laravel addinfo

php artisan server 访问localhost:8000查看

配置好.env数据库配置

在我学了一阵子的laravel后,感觉到有很多东西都是了解到,但却不清晰,然后接到这个任务我开始着手实践一下,自然没想象的那么顺利,其中遇到了很多看起来很基础的问题,往往会卡我半天甚至是一天,真的蛮郁闷的,在自己的草稿本上多少有些残留,回顾一下,很有收获,其中得到了laravel学院和Laravist.com很大的帮助,非常感谢

刚刚开始的时候,我恰巧看了Laravist.com关于API的那一个系列教程(60元),我按着他得路子做了一些开头,我其实是很想用vuejs做成SPA的,不过自己还不会做,还是应该先以完成任务为目标,一步步改进自己,所以还是使用模板Blade来渲染视图。

我先用bootstrap做了下页面,也由于一些原因,还没用上SCSS,希望后面有时间可以尝试改进一下,在此就不放页面样式了,主要做些关键点的记录,现在想想还是一团糟的,得抓重点回忆。

关节点

我觉着在往常的web应用中主要是这几个关节点:
1.数据库连接配置: .env
2.路由 : (访问的URL)从哪里去找谁(一般找控制器) http://laravelacademy.org/post/53.html
3.控制器 : 写逻辑操作和少量的数据验证与数据操作(Eloquent很快捷)http://laravelacademy.org/post/60.html
4.数据处理: 辅助控制器进行一些数据处理与快捷映射,

模型类 : app/Http/Model

请求验证Requests : app/Http/Requests

数据仓库Repositories: app/Http/Repositories (laravel不自带)
数据仓库Repositories配置方法:http://segmentfault.com/a/1190000003488038

5.把结果数据传递给视图:视图渲染页面(blade) ,视图基本上都是使用bladeIlluminateHtml
静态资源的引用:/assets/css/all.css
参考资料:

http://laravelacademy.org/post/76.html

http://laravelacademy.org/post/79.html

https://laravist.com/article/14

http://laravelcollective.com/docs/5.1/html

6.在laravel重要的ServiceProvider在config/app.php里配置后可在全局快捷使用;
7.消息反馈 :参考:http://laravelacademy.org/post/68.html
在控制器中使用larvel一次性Session:

 $request->session()->flash("status1", $msg1);

在视图中判断显示

  1. @if(session("status1"))
  2. OK! {{session("status1")}}
  3. @endif
登录

</>code

  1. 我把用户信息的增改删查作为resource路由,接着是因为用户信息的操作是需要用户登录才操作的,所以,我跟着laravel学院的教程做了下laravel内置的auth注册登录;
    使用laravel内置 auth,
    参考资料:http://laravelacademy.org/post/1258.html

laravel自带了开箱即用的auth注册登录(只需要配置一下路由和视图),已有用户模型AppUser,控制器在appHttpControllersAuthAuthController.php

默认是使用email进行注册登录,可以在AuthController.php里进行修改一些验证以及默认的登录字段 protected $username = "name";

自动生成表 php artisan migrate 数据库出现三张表

添加登录路由,在appHttp outes.php

创建视图 在resources/views/auth/login.blade.php

表单如果是自己写得HTML,需要加上隐藏的csrf_tokern,
在blade中form下输入 {!! csrf_field()!!}即可;

修改登录成功后的跳转地址,
appHttpControllersAuthAuthController.php中添加protected $redirectPath = "/userinfo";

现在可以正常注册登录了,然而我在这里遇到个坑,是关于密码加密的,如果改了加密方法却没改校验方法,就永久登录失败(注册成功后会自动登录,退出后将不能登录,报错信息为:These credentials do not match our records)
laravel在auth中使用了 "password" => bcrypt($data["password"]) 即使用了内置的bcrypt()方法加密,这是不可逆的Hash加密,并且我自己还比对了下,发现每次相同字符串生成的密文还是不同的,如果需要验证这个加密,就使用Hash::check($input, $oldpwd)验证,返回值为true/false

显示错误

</>code

  1. @if (count($errors) > 0)
  2. //此处添加错误反馈,
  3. //例: swal("对不起", "xxx", "error");//sweetalert不过有点过,
  4. //可以使用bootstrap的alert
  5. @endif
用户信息增改删查与权限区分

权限区分 http://laravelacademy.org/post/577.html
我在表中添加了用于区分权限的字段,在app/Providers/AuthServiceProvider.php中进行权限分配:

</>code

  1. public function boot(GateContract $gate)
  2. {
  3. parent::registerPolicies($gate);
  4. //权限1,可以查看全部录入的信息,以及所有员工
  5. $gate->define("see-all", function ($user) {
  6. return $user->authority === 1;
  7. });
  8. //权限2,可以查看部门提交的数据
  9. $gate->define("see-dep", function ($user) {
  10. return $user->authority === 2;
  11. });
  12. //权限3,可以查看自己提交的数据
  13. $gate->define("see-me", function ($user) {
  14. return $user->authority === 3;
  15. });
  16. }

路由

</>code

  1. //登录用户才能访问进行用户信息操作
  2. Route::group(["middleware" => "auth"], function () {
  3. resource("userinfo", "UserinfosController");
  4. });

Model设置,对应表、可填充字段、表关联

</>code

  1. 资料:http://laravelacademy.org/post/140.html
    逆向的远层一对多:https://github.com/znck/belongs-to-through

</>code

  1. protected $table = "userinfos";
  2. protected $fillable = [
  3. "phone",
  4. "name",
  5. "email",
  6. ];
  7. //多个信息对应一个录入信息的人
  8. public function user()
  9. {
  10. return $this->belongsTo("AppUser", "addman_id", "id");
  11. }
  12. //格式化生日时间
  13. public function setBirthdayAttribute($birthday)
  14. {
  15. return $this->attributes["birthday"] = Carbon::createFromFormat("Y-m-d", $birthday);
  16. }
  17. //userinfo按照用户ID倒序
  18. public function scopeOrdered($query)
  19. {
  20. $query->OrderBy("userinfos.id", "desc");
  21. }

控制器

</>code

  1. //分权限显示用户信息
  2. public function index(Request $req)
  3. {
  4. $datas = null;
  5. switch ($req) {
  6. case $req->user()->can("see-all"):
  7. $datas = $this->userinfos->selectAll();
  8. break;
  9. case $req->user()->can("see-dep"):
  10. $datas = $this->userinfos->selectDep($this->user["dep_id"]);
  11. break;
  12. case $req->user()->can("see-me"):
  13. $datas = $this->userinfos->selectMe($this->user["id"]);
  14. break;
  15. }
  16. if ($datas) return view("userinfo.index", compact("datas"));
  17. return $this->responseResult(null, $req, "查询失败", null, "userinfo");
  18. }

自建的数据仓库 App/Repositories/UserinfoRepository.php

</>code

  1. public function selectAll()
  2. {
  3. return Userinfo::ordered()->Paginate(env("PAGE_ROWS"));
  4. }
  5. public function selectDep($dep_id)
  6. {
  7. return Department::find($dep_id)
  8. ->userinfos()
  9. ->ordered()
  10. ->Paginate(env("PAGE_ROWS"));
  11. }
  12. public function selectMe($user_id)
  13. {
  14. return User::find($user_id)
  15. ->userinfos()
  16. ->ordered()
  17. ->Paginate(env("PAGE_ROWS"));
  18. }

视图,省略。。。

</>code

  1. 上面主要记录了分权限进行的录入信息查看,其它增改删都会基于这里,具体看源码

基于权限的员工管理

routes.php

</>code

  1. //员工管理
  2. Route::group(["middleware" => "auth"], function () {
  3. resource("users", "UsersController");
  4. });

Model :app/User.php

</>code

  1. protected $table = "users";
  2. protected $fillable = ["email", "password", "realname", "dep_id", "authority"];
  3. protected $hidden = ["password", "remember_token"];
  4. //一个录入信息的人对应多个录入的信息
  5. public function userinfos()
  6. {
  7. return $this->hasMany("AppUserinfo", "addman_id", "id");
  8. }
  9. //一个员工属于一个部门
  10. public function dep()
  11. {
  12. return $this->belongsTo("AppDepartment", "dep_id", "id");
  13. }

控制器 UsersController.php

</>code

  1. //显示员工管理页面
  2. public function index(Request $request)
  3. {
  4. switch ($request) {
  5. case $request->user()->can("see-all"):
  6. $users = $this->users->getAllUser();
  7. break;
  8. case $request->user()->can("see-dep"):
  9. $users = $this->users->getDepUser($this->auth["dep_id"]);
  10. break;
  11. default :
  12. return $this->responseResult(null, $request, "你没有权限", "", "userinfo");
  13. }
  14. return view("user.index", compact("users"));
  15. }

UserRepository.php

</>code

  1. class UserRepository implements UserRepositoryInterface
  2. {
  3. public function getAllUser()
  4. {
  5. return $this->alluser()->Paginate(env("PAGE_ROWS"));
  6. }
  7. public function getDepUser($dep_id)
  8. {
  9. $users = $this->alluser();
  10. return $users->where("dep_id", $dep_id)->Paginate(env("PAGE_ROWS"));
  11. }
  12. private function alluser()
  13. {
  14. $users = User::with("dep")
  15. ->select("users.*", "departments.dep_name")
  16. ->leftJoin("departments", "departments.id", "=", "users.dep_id")
  17. ->OrderBy("dep_id");
  18. return $users;
  19. }
  20. }
字段查询

</>code

  1. ->where($field, "like", "%" . $data . "%")

</>code

  1. //搜索姓名/手机/身份证
  2. public function search(Request $req)
  3. {
  4. $name = $req->input("name");
  5. $phone = $req->input("phone");
  6. $identity = $req->input("identity");
  7. switch (true) {
  8. case !empty($name):
  9. $datas = $this->userinfos->search($req, "name", $name);
  10. break;
  11. case !empty($phone):
  12. $datas = $this->userinfos->search($req, "phone", $phone);
  13. break;
  14. case !empty($identity):
  15. $datas = $this->userinfos->search($req, "identity", $identity);
  16. break;
  17. default:
  18. return $this->responseResult(null, $req, "请填写查询条件", "", "userinfo");
  19. }
  20. if ($datas->total() > 0) return view("userinfo.index", compact("datas"));
  21. return $this->responseResult(null, $req, "查询不到你要的内容", "", "userinfo");
  22. }

对搜索也限定了权限

</>code

  1. public function search($req, $field, $data)
  2. {
  3. switch ($req) {
  4. case $req->user()->can("see-all"):
  5. return $this->commonWhere($field, $data)
  6. ->Paginate(env("PAGE_ROWS"));
  7. break;
  8. case $req->user()->can("see-dep"):
  9. $dep_id = $req->user()["dep_id"];
  10. return Department::findOrFail($dep_id)
  11. ->userinfos()
  12. ->where($field, "like", "%" . $data . "%")
  13. ->ordered()
  14. ->Paginate(env("PAGE_ROWS"));
  15. break;
  16. case $req->user()->can("see-me"):
  17. return $this->commonWhere($field, $data)
  18. ->where("addman_id", $req->user()["id"])
  19. ->Paginate(env("PAGE_ROWS"));
  20. break;
  21. }
  22. }
修改个人密码

关键也就是前面在登录提到的加密和验证密码的问题,用了laravel自带方法:bcrypt()(即Hash::make())和Hash::check("输入的老密码","原密码")

</>code

  1. //更改密码
  2. public function updatereset(Request $request)
  3. {
  4. $this->validate($request, [
  5. "old_password" => "required",
  6. "new_password" => "required | confirmed",
  7. ]);
  8. $user = User::find($this->auth["id"]);
  9. $input = $request->all();
  10. $old_pwd0 = $user["password"];
  11. $old_pwd1 = $input["old_password"];
  12. if (Hash::check($old_pwd1, $old_pwd0)) {
  13. $user->password = Hash::make($input["new_password"]);
  14. $res = $user->save();
  15. return $this->responseResult($res, $request, "修改失败", "修改成功", "/userinfo");
  16. }
  17. return $this->responseResult(null, $request, "原密码不正确", "", "/users/resetpwd");
  18. }
前端vue-form验证

</>code

  1. vuejs官网 : http://cn.vuejs.org
    vuejs: https://github.com/vuejs/vue
    vue-form : https://github.com/fergaldoyle/vue-form

页面需要添加一些标识

</>code

  1. {!! csrf_field() !!}
  2. 登录
  3. * 请输入正确的邮箱
  4. * 请输入密码
  5. * 请输入6到16位密码
  6. * 请输入6到16位密码

js代码

</>code

  1. new Vue({
  2. el: "#app",
  3. data: {
  4. myform: {},
  5. model: {}
  6. },
  7. methods: {
  8. onSubmit: function() {
  9. console.log(this.myform.$valid);
  10. if(this.myform.$valid == true)
  11. $("#myform").submit();
  12. }
  13. }
  14. });
dingo/API + vue-resource 唯一性判断

</>code

  1. dingo/API : https://github.com/dingo/api
    vue-resource : https://github.com/vuejs/vue-resource

composer.json

</>code

  1. "require": {
  2. "php": ">=5.5.9",
  3. "laravel/framework": "5.1.*",
  4. "illuminate/html": "^5.0",
  5. "lucadegasperi/oauth2-server-laravel": "5.0.*",
  6. "dingo/api": "1.0.*@dev"
  7. },

app.php配置

</>code

  1. //dingo/api
  2. DingoApiProviderLaravelServiceProvider::class

.env配置

</>code

  1. API_STANDARDS_TREE=vnd
  2. API_PREFIX=api
  3. API_VERSION=v1
  4. API_DEBUG=true

路由

</>code

  1. //dingo/api
  2. $api = app("DingoApiRoutingRouter");
  3. $api->version("v1", function ($api) {
  4. $api->group(["namespace" => "AppApiControllers"], function ($api) {
  5. $api->get("onephone/{params}", "ValidController@onephone");
  6. $api->get("oneidentity/{params}", "ValidController@oneidentity");
  7. });
  8. });

app/Api/Controllers/BaseController.php

</>code

  1. class BaseController extends Controller
  2. {
  3. use Helpers;//使用Dingo内置帮助函数
  4. }

其它Controller继承BaseController.php,从而使用Dingo内置帮助函数

vue-resource https://github.com/vuejs/vue-resource

</>code

  1. onephone: function () {
  2. this.$http.get("/api/onephone/" + this.model.phone.trim(), function (data, status, request) {
  3. if (data == 0) {
  4. this.model.onephone = false;
  5. }
  6. if (data == 1) {
  7. console.log(data);
  8. this.model.onephone = true;
  9. }
  10. }).error(function (data, status, request) {
  11. });
  12. },
添加Oauth2.0

</>code

  1. laravel-Oauth2.0 :https://github.com/lucadegasperi/oauth2-server-laravel

配置

</>code

  1. "providers" => [
  2. //Oauth2.0
  3. LucaDegasperiOAuth2ServerStorageFluentStorageServiceProvider::class,
  4. LucaDegasperiOAuth2ServerOAuth2ServerServiceProvider::class,]
  5. "aliases" =>[
  6. "Authorizer" => LucaDegasperiOAuth2ServerFacadesAuthorizer::class,]

数据表生成

</>code

  1. php artisan migrate

路由

</>code

  1. //Oauth2登录
  2. Route::post("oauth/access_token", function () {
  3. return Response::json(Authorizer::issueAccessToken());
  4. });
拓展

</>code

  1. 或者说接下来还需要完善的一些东西

scss页面重构,现在的页面的确很low;

把前端验证通过vuejs、vue-form、vue-resource进一步完善;

学习vue-router的使用节省不必要的跳转;

文档、文档、文档,积累很重要,还有很多要琢磨的东西,一步步来。

能做的太少,要做要学的很多,得计划着来

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/21224.html

相关文章

  • 程序实践结(一)

    摘要:最近自己在做小程序练习,分享一下我遇到的小坑数据更新直接对进行赋值,是无法更新视图绑定的数据的,会造成数据不一致需要使用更新暂时不支持绝对路径不能使用静态文件,只能使用和网络图片可以用 最近自己在做小程序练习,分享一下我遇到的小坑 data数据更新 直接对this.data进行赋值,是无法更新视图绑定的数据的,会造成数据不一致 需要使用this.setData更新 this.dat...

    tianhang 评论0 收藏0
  • 手把手教你扩展个人微信号(1)

    摘要:关于本教程有任何建议或者疑问,都欢迎邮件与我联系,或者在上提出教程流程简介教程将会从如何分析微信协议开始,第一部分将教你如何从零开始获取并模拟扩展个人微信号所需要的协议。 现在的日常生活已经离不开微信,难免会生出微信有没有什么API可以使用的想法。 那样就可以拿自己微信做个消息聚合、开个投票什么的,可以显然没有这种东西。 不过还好,有网页版微信不就等于有了API么,这个项目就是出于这个...

    siberiawolf 评论0 收藏0
  • 我的Java开发之路

    摘要:提高有了入门的基础,开始自学当时流行的三大框架和。业余的时间,经常在上闲逛,看一些博客或开源的代码。 最近有一位小伙伴通过公众号给我留言, 我参加工作没多久,看着圈里的技术大牛,特别羡慕,也渴望成为技术大牛,想让您分享一下从小白到大牛是怎样练成的,我该如何提高自己 首先,谢谢这位小伙伴的一直关注。其次,我并不是大牛,只是早搬了几年的砖而已,不过可以分享一下我的Java开发之路。 入门 ...

    lidashuang 评论0 收藏0
  • 面试宝典

    摘要:有谈谈面试与面试题对于前端面试的一些看法。动态规划算法的思想及实现方法帮大家理清动态规划的解决思路以及原理方法前端经典面试题从输入到页面加载发生了什么这是一篇开发的科普类文章,涉及到优化等多个方面。极客学院前端练习题道练习题,面试季练练手。 由数据绑定和排序引入的几个 JavaScript 知识点 在 JavaScript 的数据绑定和做简单的表格排序中遇到的几个知识点 [[JS 基础...

    neu 评论0 收藏0
  • 前端练级攻略(第一部分)

    摘要:第一部分介绍了如何使用和开发接口。由于系统变得越来越复杂,人们提出了称为预处理器和后处理器的工具来管理复杂性。当您第一次得知有预处理器和后处理器时,你很有可能在任何地方已经使用它们。我之前建议的文章,,也涵盖了预处理器相关的知识。 我记得我刚开始学习前端开发的时候。我看到了很多文章及资料,被学习的资料压得喘不过气来,甚至不知道从哪里开始。 本指南列出前端学习路线,并提供了平时收藏的一些...

    qpal 评论0 收藏0

发表评论

0条评论

jackzou

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<