标签： web

Spring实现数据字典翻译

在开始之前，首先我们要了解一个类：BeanPropertyWriter。
这个类是由SerializerFactory 工厂进行实例化的，其作用是对bean中的每个字段进行jackson操作的封装，其中封装了字段的一些元信息，和对此字段进行jackson序列化的操作。
采用Spring项目进行Web服务开发时，在获取到数据后，Spring会通过BeanPropertyWriter对数据进行jackson封装，将其转换为Json串。
如果我们需要在不影响逻辑的情况下对数据进行字典翻译，重写此类是较好的选择

字典翻译实现步骤：
1.实现获取字典的接口 read more

Java使用SpringBoot应用配置文件

*配置文件yml和properties均可，以下以yml为例
1.设置配置文件
app:
service:
name: justin
id: 000
2.创建配置文件映射类

@Component//如报错请将此注解注释，因为此时出现了该bean被注册两次的情况
@ConfigurationProperties("app.service")
public class ServiceProperties {

    private String name;//注意该字段名要与配置文件中保持一致
    private String id;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getId() {
        return id;
    }

    public void setId(String id) {
        this.id = id;
    }
}

3.创建配置文件读取类并将值赋给对应服务 read more

基于Vue进行web开发的前端常见错误

* 值设置缺少冒号（如采用ESLint等进行代码校验可避免此问题出现）

Vue开发过程中，一般情况下，只有在属性为变量时才会在属性前添加冒号，如直接填写为属性值则不添加冒号；
但也有一些特殊情况，例如进行tree开发时使用的indent属性，按照一般情况的说法，此属性设置应如下：

indent=“8”

这个时候如果打开页面F12会看到报类型错误 read more

Vue项目引入mockjs实现模拟数据开发

1.安装mockjs: npm install mockjs –save-dev
2.在main.js中引入：
require('./mock') // simulation data
3.在src/api下新建index.js用来对请求进行封装
import axios from 'axios'

// 封装axios的post请求
export function fetch(url, params) {
return new Promise((resolve, reject) => {
axios.post(url, params)
.then(response => {
resolve(response.data)
})
.catch((error) => {
reject(error)
})
})
} read more

ColaUI组件过滤设置

ColaUI配合后端BDF2框架共同实现组件级权限控制

在请求页面资源时通过js代码对页面进行权限过滤

<!--测试组件-->
<div id='test'></div>

(function() {
	cola(function(model) {
        var role_resource_data={
            url:'/html/test.html',
            ids:['test']
        };
    //其它代码
    App.resetComponentAuth(role_resource_data);
  });
}).call(this);

注意事项：
1.对应id组件上方如果不加注释，那么在进行角色组件资源设置时显示的是id；
  添加注释后则显示注释中的内容
2.url对应值为要控制的页面路径，从webapp下开始写
3.ids为要控制的页面中的id组件集合，不写入则组件控制无效
4.在其他代码部分不能出现return，例如return model.widgetConfig({...});
  否则代码不执行最后一行，无法进行组件过滤
5.最后一行代码进行了数据库访问，对组件权限信息进行获取，并刷新页面