2021-03-04 17:21:01    96    0    0

1. 在thinkphp\config\下新建一个test.php配置文件

2. 编辑test.php

<?php
// 自定义配置文件
    return [
     'profile' =>[
         'name' => 'mmcike',
            'bank' => [
                'ABC' => '123',
                'ncaa'
            ]
        ]
    ]
?>​

 

3. .调用test.php配置文件

// 调用整个数组

$testConfig = \think\facade\Config::get('test');

// 调用键名为profile下的数组
 
$testConfig = \think\facade\Config::get('test.profile');
 
 

 

  1. // 2.只调用键名 profile 下的数组
  2.  
  1. // 2.只调用键名 profile 下的数组
  2.  
  1. // 2.只调用键名 profile 下的数组
  2.  
  1. // 2.只调用键名 profile 下的数组
  2.  
    $profile = \think\facade\Config::get('test.profile');

  1. // 2.只调用键名 profile 下的数组
  2.  
    $profile = \think\facade\Config::get('test.profile');

实战    2021-02-26 10:47:04    124    0    0

原文转载:招聘APP

线上: 招聘APP 在线聊天室

  • 牛人账户:
    { name:小明, pwd:1234 }
  • Boss账户:
    { name:百度, pwd:1234 }

环境

  • "react": "^17.0.1",
  • "redux": "^4.0.5",
  • "react-router-dom": "^5.2.0",
  • "express": "^4.17.1",
  • "mongoose": "5.11.15",
  • "socket.io": "^3.1.1",
  • "socket.io-client": "^3.1.1",

介绍:

招聘APP 实时聊天室 ,react框架开发,引入Socket.io 库来实时聊天, 支持注册登录, 显示未读消息个数,不同账户对应不同用户列表;
项目模块组成:

  1. 注册,登陆
  2. 个人信息完善
  3. 个人页面
  4. Boss列表,牛人列表
  5. 消息列表页面
  6. 聊天室页面

技术亮点

  1. 以 create-react-app 快速配置 react 项目环境,搭配 antd-mobile UI框架 构建前端项目;
  2. 以express.js基于Node.js开发 后端项目,数据库采用mongodb来实现
  3. 使用 Socket.io 配合 express,快速开发实时应用
  4. redux 保存用户信息,聊天消息,页面之间相互调用数据,统一管理
  5. 使用pm2 管理部署线上项目

线上发布注意事项

  • 注意 /src/redux/chat.redux.js

    • const socket =io('ws://localhost:9093');// 本地开发环境 删掉注释
    • const socket =io('ws://zp.xxxx.xxx'); // 线上环境 删掉注释
  • 注意 /server/server.js

    • origin: "http://localhost:3000", // 本地开发环境 删掉注释
    • origin: "http://zp.xxxx.xxx", // 线上环境 删掉注释
  • server文件夹 拷贝到根目录, 安装依赖

    yarn add   cookie-parser express mongoose socket.io utility  --save  ​
2021-01-27 09:24:21    113    0    0

nginx 

location / {
    if (!-e $request_filename){
    rewrite ^(.*)$ /index.php?s=$1 last; break;
 }
}​

 

apache

 

<IfModule mod_rewrite.c>
  Options +FollowSymlinks -Multiviews
  RewriteEngine On

  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteCond %{REQUEST_FILENAME} !-f
   RewriteRule ^(.*)$ index.php [L,E=PATH_INFO:$1]
</IfModule>​
2021-01-27 09:20:42    109    0    0

apache

新建   .htaccess文件

<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{REQUEST_URI} !^/public/
RewriteRule ^(.*)$ /public/$1 [L]
</IfModule>​

 

nginx

配置文件里 root /www/xxxx.com/   修改为 root /www/xxxx.com/public

2021-01-20 15:13:15    92    0    0

环境

  • nodeJs 14.7.0
  • vue 2.6
  • vue-cli 3.0

项目介绍

vue 电商管理系统,主要用于学习、完善vue前端开发电商系统的基本流程以及功能,旨在了解vue前端开发中所遇到的问题,加强对vue、vuex、vue-router知识点的复习与巩固,

技术亮点

  • 采用vue-cli3.0项目脚手架,结合elementUI 组件库 开发整套系统,可扩展性强
  • 开启vue-router History 模式
  • axios 封装统一处理接口,请求头部添加 token 验证,针对后端返回不同的状态码做出反馈
  • 引入 MockJS 模拟后端接口,解决后端无开发、后端开发未同步的烦恼
  • 安装丰富的依赖 用来完善页面上的功能
    • 【vue-table-with-tree-grid 树形表格】
    • 【Vue-Quill-Editor 富文本编辑器】
  • 引入 echarts 数据可视化插件,显示数据报表
  • webpack优化 引入 【compression-webpack-plugin 】打包文件体积压缩

功能

  • 用户管理
    • 用户 【新增】、【修改】、【删除】、【分配角色】
  • 权限管理
    • 角色 【新增】、【修改】、【删除】、【分配权限】
    • 权限 【查看】
  • 商品管理
    • 商品 【新增】、【修改】、【删除】
    • 参数
    • 动态参数
    • 静态属性
    • 分类 【新增】、【修改】、【删除】
  • 订单管理
    • 订单 【修改】、【物流】
  • 数据统计
    • 报表
WampServer    2020-12-25 16:25:30    88    0    0
  1. 进入PHPWindows的老版本下载下载对应安装包,
    例如:php-5.6.22-Win32-VC11-x64.zip

  2. 解压安装包到wamp/bin/php/ 文件夹下,

  3. 复制已有的php版本下的wampserver.conf到新版本里,
  4. 以php5.6.3为例,复制目录下的php.ini-development并重命名为phpForApache.ini,根据自己要求修改phpForApache.ini里的PHP环境参数,保存退出;
    • 查找修改增加
  1. extension_dir = C:/wamp64/bin/php/php-7.4.3/exe //php路径
  2. date.timezone =Asia/Shanghai

完成。

参考链接

2020-11-25 16:54:12    114    0    0

小程序实现image组件图片自适应宽度比例显示的方法有两种:

1.使用mode:widthFix

    widthFix:宽度不变,高度自动变化,保持原图宽高比不变。

    首先我们先设置image的mode为widthFix,然后给图片加一个固定rpx的宽度,比如:730rpx。

    这样图片也可以自适应了。。因为小程序的rpx本身就是一个自适应显示的单位

 

2.使用bindload绑定函数动态自适应。

    给image绑定一个函数,这个函数,如上面的bindload说明一样,我们可以获取到原图的宽度和高度。

    然后计算他们的宽高比率。。然后设置一个宽度大小(rpx),最后通过style动态设置image的宽高。


css3    2020-11-19 14:16:05    95    0    0
  1. background: linear-gradient(to bottom, #ffb400, #ff8a00);
  2. background: -moz-linear-gradient(top, #ffb400, #ff8a00);
  3. background: -o-linear-gradient(top,#ffb400, #ff8a00);
  4. background: -webkit-gradient(linear, 50% 0%, 50% 100%, from(#ffb400), to(#ff8a00));
前端    2020-11-19 14:11:19    66    0    0

Web前端开发工程师

https://zhuanlan.zhihu.com/p/24741480


怎么找工作,怎么找到工作,怎么找到满意工作?

https://xiaoqiang730730.github.io/3016/08/14/works/

感悟    2020-11-19 14:11:18    76    0    0

前端如何突破技术与业务的瓶颈——Shopee一年半记  

https://zhuanlan.zhihu.com/p/284525549