至于未来会怎么样 反正路还长 天总会亮

Life is a journey, not a destination, care should be the scenery along the way and the mood to see the scenery.

个人博客
  • ...
     前端 浏览(0)  tangzihan ++阅读原文
    解决前端项目部署后404问题
    nginx配置文件如下 location / { ... try_files $uri $uri/ /index.html; ... }
  • ...
     前端 浏览(0)  tangzihan ++阅读原文
    实现盒子宽度随鼠标位置而改变
    结构与样式 .leftCategory { position: relative; width: 200px; } .drag-line{ position: absolute; top:0; right:0; width: 6px; height: 100vh; z-index: 99; cursor: e-resize; }...
  • ...
     前端 浏览(0)  tangzihan ++阅读原文
    低代码系列之代码生成器其他配置
    exportExcel: true, // 模型是否需要导出excel功能 primaryKey: 'id', // 主键 mysql默认 id ,mongodb 默认_id timestamps: false, // 是否自动维护时间 created_at updated_at deleted_at over!一期就这样吧后...
  • ...
     前端 浏览(0)  tangzihan ++阅读原文
    低代码系列之代码生成器扩展接口配置--extendActions
    在没有外键加持的情况下生成器默认会生成模型的5个接口 分别是`store(创建)`、`destory(根据主键删除)`、`update(根据主键更新)`、`index(模型条件查询)`、`show(根据主键查询模型)` 如果上面的几种方法无法满足你的...
  • ...
     前端 浏览(0)  tangzihan ++阅读原文
    低代码系列之代码生成器外键配置--foreign
    这里的”外键“并不是指数据库中的外键 这里的“外键”配置只是为了方便表格渲染,表单渲染,外键查找等 比如 goods模型有一字段 `category_id`商品分类 1.现在让你添加一个商品,并且选择商品的分类,那你是不是要创建...
  • ...
     前端 浏览(0)  tangzihan ++阅读原文
    低代码系列之代码生成器模型配置--filter
    filters是用来配置表格上方的多条件查询,通过它配置数据检索的方式,目前支持模糊查询,分类查询,时间查询等 模糊查询配置 filters: { couponName: { label: '优惠券名称',...
  • ...
     前端 浏览(0)  tangzihan ++阅读原文
    低代码系列之代码生成器模型配置--fields
    fields是代码生成器最核心的一个属性,它决定了数据表的字段和字段对应的表单属性 fields是一个对象类型,该对象里面的属性就是模型的字段 如 fields: { couponName: { }, startTime: { }, }...
  • ...
     前端 浏览(0)  tangzihan ++阅读原文
    低代码系列之代码生成器基本使用
    > 此生成器是本人在闲暇时间打造一个后端管理系统自动化项目 > 主要特性如下 > 自动生成 `RESTful`风格的api,实现基本的`CURD` > 自动生成管理界面,每一个模型有对应的管理视图 > 自带权限系统,开箱即用 >...
  • ...
     前端 浏览(0)  tangzihan ++阅读原文
    前端序列帧动画实现
    原理 1.UI 提供精灵图/雪碧图(就是将序列帧排在一张图片上的图) 2.通过代码不断改变图片的位置,从而形成动画效果 代码实现 .logo_gif { width: 300px; // 单个动画帧尺寸...
  • ...
     前端 浏览(0)  tangzihan ++阅读原文
    实现边框丝滑移动效果
    实现边框丝滑移动效果 最终实现效果如下: ![](http://www.zihanzy.com/uploads/images/article_con/202111/08/article_con_1636354876_V994Kk32eq.gif) HTML结构 html 菜单项一 菜单项二 菜单...