螺纹钢质量信息追溯管理系统的设计与开发(六)

螺纹钢质量信息追溯管理系统的设计与开发(六) 螺纹钢质量信息追溯管理系统的设计与开发

（3）核心代码实现

1、实现ControllerBase类

建立一个ControllerBase类，所有的WebApi Controller都会继承此类，ControllerBase里面实现一个重要属性，CurrentUserModel，该属性用来后端对每一次请求进行拦截，通过Token进行解析合法性验证,前端每一次对后端进行数据请求，都会在请求头里带上一段JWT格式的报文，如果报文合法，那么该属性即会读取对应数据库中的用户信息记录在此，如果报文非法，那么将直接返回给请求端非法请求提示，代码如下：

  /// <summary>

        /// 当前用户信息检验

        /// </summary>

        public MngAdminModel CurrentUserModel

        {

            get

            {

                if (User != null)

                {

                    try

                    {

                        var identity = (ClaimsIdentity)User.Identity;

                        var id = identity.Claims.FirstOrDefault(u => u.Type == JwtClaimTypes.Id).Value.ToInt();

                        var userName = identity.Claims.FirstOrDefault(u => u.Type == JwtClaimTypes.Name).Value.ToString();

                        var mobile = identity.Claims.FirstOrDefault(u => u.Type == JwtClaimTypes.PhoneNumber).Value.ToString();

                        //来源,正常登录为默认值,其他身份登录传递不同的值

                        var source = identity.Claims.FirstOrDefault(u => u.Type == JwtClaimTypes.Locale).Value.ToInt();

                        ResponseModel<MngAdminModel> responseModel = _mngAdminService.GetModelByJwtInfo((int)id, userName, mobile, (int)source);

                        if (responseModel.Status == (int)ResponseStatusEnum.RequestSuccess && responseModel.ResponseData != null)

                        {

                            return responseModel.ResponseData;

                        }

                    }

                    catch (Exception ex)

                    {

                        LogUtil.LogError(ex.Message);

                        return null;

                    }

                }

                return null;

            }

        }

2、实现业务方法WebApi，如：系统登录

建立一个名为，LoginController的类，实现一个名为Authenticate的方法，

该方法先获取请求端传过来的用户名与密码，然后传入QMS.Services的LoginAdminByUserNameAndPassWord方法进行数据库验证，如果请求合法，则返回验证后的结果，如果请求非常，则返回请求法法提示。代码与运行图如下：

  /// <summary>

        /// 用户登录

        /// </summary>

        /// <param name="model"></param>

        /// <returns></returns>

        [HttpPost("authenticate")]

        public virtual ActionResult<ResponseModel<object>> Authenticate([FromBody]RequestModel<AuthenticateModel> model)

        {

            return _mngAdminService.LoginAdminByUserNameAndPassWord(model.RequestData.UserName, model.RequestData.PassWord);

        }

请求合法返回数据：

请求非法返回数据：

2．网页前端开发

（1）开发环境

开发语言：Javscript

开发平台：Windows 10

技术框架：Vue.js，Node.js

开发工具：Microsoft Visual Studio Code

（2）项目搭建

1、安装好Node.js，并且执行npm install vue 搭建vue环境。

2、执行vue init web-pack qms，初始化我们的前端项目，如下图：

Vue.js的开发文件都以.vue后缀结尾 ，初始化项目后自动生成的App.vue为所有项目的入口，业务实现文件都建立在Pages文件夹下。

（3）代码实现

Vue.js 前端页面开发，共分为三块，分别为HTML元素展示、页面java script、页面CSS样式。

HTML元素展示，主要是呈现用户浏览器的界面，并在展示基础上绑定页面实体模型，采用<template>标签闭合。HTML元素展示代码如下：

首页 上一页 3 4 5 6 7 下一页 尾页 6/7/7

螺纹钢质量信息追溯管理系统的设计与开发(六)由免费论文网（www.jaoyuw.com）会员上传。