搜索到
100
篇与
哈根达斯
的结果
-
npm新手使用教程 本文主要讲解前端构建工具npm的学习使用，旨在为初学者可以快速的进行使用，一、安装与初始化软件安装使用npm 需要安装nodejs,可到官网进行下载安装，安装推荐使用稳定版，下载后根据提示安装即可，本文不展开安装过程描述node下载地址： 点击去官网下载初始化git在使用 npm 之前，需要先对当前的目录进行初始化：npm init可以先运行 npm init -h 对init的参数做更详细的了解： npm init -h npm init Usage: npm init [--force|-f|--yes|-y|--scope] npm init <@scope> (same as `npx <@scope>/create`) npm init [<@scope>/]<name> (same as `npx [<@scope>/]create-<name>`) aliases: create, innit Run "npm help init" for more info 这里面提示 npm help init 可以看到更多的操作指南，就不赘述了。直接运行 npm init 的时候，会有一步一步的提示，让开发者输入相应的信息。之后在当前目录就会产生我们熟悉的 package.json 文件了。如果不想这么麻烦，可以直接 npm init -y 来跳过输入步骤。建议在进行 npm 初始化之前，先对目录做 git 初始化，这样的好处是，在 npm init 时， repo 项会自动填充为 git 的 origin 源。 git init git remote add origin git://xxxxx 初始化总结在使用 npm 之前，应当使用 npm init 对目录进行初始化，创建 package.json 文件。使用 npm init -y 来跳过初始化交互过程。建议先进行 git init ，并配置好 origin 源。二、包管理安装npm包执行命令 npm install <package-name> #也可以简写为 npm i <package-name> 同时安装多个包npm i <package1> <package2> <package3> ...安装全局包 npm install -g <package-name> 三、依赖层级包有两个依赖层级： 项目依赖 和 开发依赖 。项目依赖的意思是，当前项目发布运行需要该包支持，那么在使用 webpack 之类进行打包时，该包应当被打入到最后的package中。比如 react redux antd 之类。此类包会标记在 package.json 中的 dependencies 字段。开发依赖中的包，当前项目对其不应有运行依赖，一般都是围绕项目编译、打包、集成等做辅助工作的周边工具。比如 webpack 以及各种 babel 插件。此类包会标记在 package.json 中的 devDependencies 字段。当然，在项目打包期间，打包工具会做 treeshake 动作来晃掉未使用的包，但维护一个严谨的package依赖关系，应当是前端在管理项目时要重点关注的事情，更何况 treeshake 也是有局限的。安装项目依赖npm install <package-name> npm install <package-name> --save npm install <package-name> -S # 安装开发依赖 npm install <package-name> --save-dev npm install <package-name> -D 一个真实的 package.json 代码：{ ... "dependencies": { "@babel/core": "^7.14.6", "@babel/plugin-transform-react-jsx": "^7.14.5", "chalk": "^2.4.2", "commander": "^7.2.0", "md5": "^2.3.0", "watch": "^1.0.2" }, "devDependencies": { "@types/babel__core": "^7.1.14", "@types/md5": "^2.3.0", "@types/watch": "^1.0.1", "ts-node": "^10.0.0", "typescript": "^4.3.4" } }四、卸载包# 卸载项目依赖 npm uninstall -S <package-name> # 卸载开发依赖 npm uninstall -D <package-name> # 卸载全局包 npm uninstall -g <package-name> 五、全局包就像 webpack-cli 或者 create-react-app 之类的工具，当 npm 安装其为全局时，这些包可以被当成一个工具，在 bash 命令中直接运行。安装全局包有几个地方需要注意：安装位置是否在环境变量中做了配置？否则会无法执行。一些类似nvm的工具，会对 -g 的包按 node 版本进行安装，切换 node 版本之后可能会找不到该包，或者出现问题1的情况。Mac系统中，如果是从官网下载dmg包安装，在安装 -g 时需要 sudo ，同样 uninstall 也需要 sudo 。建议使用 Homebrew 安装 node 。像 webpack ts-node tsc 这些工具，可安装为项目的开发依赖，通过 npm 运行，不必安装为 -g 。这样做的好处是， 项目与开发环境解耦 。下面是在开发依赖中配置 ts 编译器、在 scripts.build 中对 ts 文件进行编译的例子： { "scripts": { "build": "tsc ./src/*.ts --esModuleInterop -d -t ES5 --lib es5 --outDir dist" }, "devDependencies": { "typescript": "^4.3.4" } } package-lock.json用来锁定安装包的版本号。这个文件有可能造成一些问题，比如锁定的低版本已经从 npm 源下线了。所以当对版本没有强要求，或者是对包作者足够信赖时，我一般会把这个文件放入 .gitignore 。而需要锁定的版本，直接在 package.json 中写死。六、关于版本号版本号中 ^ 字符，经测试是不会跳大版本的。比如 npm i webpack@^3 ，只会安装webpack3的最新版本，并不会安装webpack4甚至webpack5。如果想安装最新版本，使用 @latest 版本号npm i <package-name>@latest转载声明本文原文出处： https://juejin.cn/post/6976843799574085669 -
【实战篇】人人商城据库正删改查常用函数介绍七） 本章主要讲解微擎及人人商城数据库操作，学完后你可以学会对数据进行增删改查，进行业务逻辑代码编写数据库常用操作方法有：pdo_get、pdo_getall、pdo_getcolumn、pdo_getslice、pdo_insert、pdo_update、pdo_delete数据新增1.添加记录2.批量添加数据查询数据修改数据删除数据库事务其他tablename为了防止微擎系统的表与其它系统命名冲突，安装微擎时均会指定一个表前缀，在写SQL语句时，需要将表名称附加上表前缀。可以使用 tablename() 函数 $sql = "SELECT * FROM ".tablename('users'); echo $sql; //假设配置数据库表前缀为'ims_', 输入语句为'SELECT * FROM ims_users'
-
【实战篇】人人商城如何开发一个新功能【六】 本章节为大家讲解微擎框架下人人商城开发一个新功能。不管学习什么东西，动手实际会让大家更深入了解它，那我们今天就来动手亲自实现一个简单的功能，通过此功能你将了解如下几个知识点。人人商城控制器人人商城路由人人商城权限控制学习前提条件（TODO配图）已经学会php基本语法和mysql基本操作，并本地安装完成已经成本安装微擎框架及人人商城系统一、新增功能业务员信息门店收集，业务员可通过手机网页，录入门店信息。主要使用技术点：新建手机网页端信息收集后台可查询门店信息记录二、代码编写1. 新建业务表 CREATE TABLE `ims_ewei_shop_businesser` ( `id` int(10) NOT NULL AUTO_INCREMENT, `uniacid` int(10) DEFAULT NULL, `businesser_name` varchar(64) DEFAULT NULL COMMENT '业务员姓名', `businesser_phone` varchar(12) DEFAULT NULL COMMENT '业务员电话', `status` int(2) DEFAULT '1' COMMENT '状态1启用0禁用', `remark` varchar(255) DEFAULT NULL COMMENT '备注', `create_time` int(11) DEFAULT NULL COMMENT '创建时间', `openid` varchar(64) DEFAULT NULL, PRIMARY KEY (`id`) USING BTREE ) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8 ROW_FORMAT=COMPACT COMMENT='业务员表';2. 新建模型手机端控制器Controller公众号端控制器需继承MobilePage 控制器手机端访问路由：host.com/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&r=goods.detail&id=2 class Businesser_EweiShopV2Page extends MobilePage { //主页面 public function main(){ //业务逻辑代码 global $_W; global $_GPC; } //查询业务员门店信息 public function store_list(){ //业务逻辑代码 global $_W; global $_GPC; } } Web控制器ControllerPC运营后台端控制器需继承WebPage 控制器访问控制器：host.com/web/index.php?c=site&a=entry&m=ewei_shopv2&do=web&r=store.businesser class Businesser_EweiShopV2Page extends WebPage { //查询业务员列表 public function main(){ //业务逻辑代码 global $_W; global $_GPC; // 根据实际业务进行chax } } 三、菜单与权限运营后台需要设置菜单与权限ammin外的用户才能进行访问1. 菜单设置菜单设置addons\ewei_shopv2\core\model\system.php中684行代码左右开始,设置成功后可查看代码页面是否已经显示菜单。 array( 'title' => '业务员管理', 'route' => 'businesser' ) 2. 权限设置权限设置在文件addons\ewei_shopv2\core\com\perm.php中347行代码左右，设置成功后可查看权限列表是否以有权限'businesser' => array( 'text' => '业务员管理', 'main' => '查看列表', 'add' => '添加-log', 'edit' => '修改-log', 'view' => '查看', 'delete' => '删除-log' ),总结到这里我们就完成了简单人人商城功能新增。
-
【理论篇】人人商城微擎框架说明（五） 本章节开始步入开发篇阶段，本文主要为大家介绍微擎人们的一些一些基本内容，包含他的基本框架结构，目录介绍，以及文件说明，人人商城是基于微擎上做的开发，了解微擎的基础知识是十分必要的。框架目录微擎目录机构 we7 ├─ addons 模块安装目录(意为附加组件) │ ├─ business 模块的名称(示例) │ │ ├─ images 建议 css 文件也放此目录. │ │ ├─ template 模板目录 │ │ │ ├─ mobile APP 端模板目录 │ │ │ │ └─ ... *.html APP 端模板文件 │ │ │ └─ ... *.html Web 端模板文件 │ │ ├─ inc 引用的 php 文件目录 │ │ │ ├─ mobile Mobile端目录 │ │ │ │ ├─ xxx.inc.php 微站入口 │ │ │ │ └─ ... . │ │ │ └─ web Web端模板目录 │ │ │ ├─ xxx.inc.php 微站管理入口 │ │ │ └─ ... . │ │ ├─ icon.jpg 模块图标 │ │ ├─ preview.jpg 模块预览 │ │ ├─ manifest.xml 安装清单 │ │ ├─ module.php 模块设置 │ │ ├─ processor.php 消息处理 │ │ ├─ receiver.php 消息订阅 │ │ ├─ webapp.php PC版页面功能 │ │ ├─ wxapp.php 小程序接口功能 │ │ ├─ hook.php 嵌入点 │ │ └─ site.php 微站页面 │ └─ ... 其他扩展模块 ├─ api . │ └─ accesstoken.php 多系统共用accesstoken接口 ├─ attachment 附件文件夹 │ ├─ audios 音频附件文件夹 │ └─ images 图片附件文件夹 │ ├─ global 系统公共文件夹 │ │ └─ 上传年份 │ │ └─上传月份 │ │ └─ 随机文件名 │ └─ $uniacid ... 按公众号年月组织的图片文件 ├─ app 微站(Mobile)入口 │ ├─ common . │ │ ├─ bootstrap.app.inc.php . │ │ ├─ common.func.php . │ │ └─ template.func.php . │ │ └─ tpl.func.php . │ ├─ resource 微站资源文件 │ │ ├─ css 样式文件 │ │ ├─ fonts 字体资源 │ │ └─ js . │ ├─ source 控制器 │ ├─ themes 微站皮肤 │ │ ├─ default 系统默认 │ │ └─ ... 自定义皮肤 │ └─ index.php 微站入口 ├─ data . │ ├─ config.php 系统配置 │ └─ db.php . ├─ framework 微擎系统通用的工具类和方法 │ ├─ builtin 微擎内建模块 │ │ ├─ basic 文字回复模块 │ │ ├─ core 会话消息统计 │ │ │ └─ receiver.php . │ │ ├─ cover 通用封面回复 │ │ ├─ default 默认回复模块 │ │ ├─ music 音乐回复模块 │ │ ├─ news 图文回复模块 │ │ ├─ userapi 自定义接口回复模块 │ │ └─ ... . │ ├─ class 系统功能类 . │ ├─ function 系统功能函数 │ ├─ library 其他函数库 │ ├─ model 业务功能model │ ├─ table 数据库表model │ ├─ bootstrap.inc.php 核心文件 │ ├─ const.inc.php 常量定义文件 │ └─ version.inc.php 版本说明 ├─ payment 支付 ├─ web 后台管理(Web)入口 │ ├─ common 公用文件 │ │ ├─ bootstrap.sys.inc.php . │ │ ├─ common.func.php . │ │ ├─ frames.inc.php . │ │ └─ permission.func.php . │ │ └─ template.func.php . │ │ └─ tpl.func.php . │ ├─ resource 资源文件 │ │ ├─ components JS组件 │ │ ├─ css 样式文件 │ │ ├─ fonts 字体资源 │ │ ├─ home 后台客户端资源文件 │ │ ├─ images 图片文件 │ │ └─ js . │ │ ├─ app 系统js功能 │ │ ├─ lib js第三方库文件 │ │ └─ require.js . │ ├─ source 后台管理控制器 │ ├─ themes 后台管理视图 │ │ ├─ default 内建后台管理样式 │ │ └─ ... 定制界面样式 │ └─ index.php 后台入口 ├─ api.php 公众平台与微擎系统通信的接口 ├─ index.php 微擎入口 └─ install.php 微擎安装程序 入口执行流程多数入口文件都是问index.php,微擎目前执行执行入口文件，在入口文件中，会加载framework文件夹下，框架核心文件bootstrap.inc.php，那我们来see(看)see(kan)这个文件都干了什么勾当！加载其它文件核销文件中预加载了一些框架必要核心，包含但不限于如下配置文件data/config.php常量文件framework/const.inc.php类加载和方法加载文件framework/class/loader.class.php其它文件如下代码： load()->func('global');// 全局方法 load()->func('compat');//扩展兼容方法如json_encode,openssl_encrypt等 load()->func('compat.biz');//用户扩展方法 load()->func('pdo');//数据库CURD方法 load()->classs('account');//会员账户 load()->model('cache');//平台缓存 load()->model('account'); load()->model('setting'); load()->model('module'); load()->library('agent'); load()->classs('db'); load()->func('communication'); 给大家解释下这些方法加载的意思load()->func ：加载framework/function下对应的*.func.php方法文件load()->model ：加载framework/model下对应的*.mod.php方法文件load()->classs ：加载framework/classs下对应的*.class.php类文件load()->library ：加载framework/library下对应的第三方库文件2. 定义变量/常量比较常见的也是后续开发过程中都会用的$_GPC中保存web开发相关,$_W保存系统配置相关两个变路由约定及使用GET 参数中的 c、a、do为微擎系统的路由参数，应当避免与系统参数冲突，在程序中可以使用 $controller、$action、$do来获取对应的路由三个参数举例说明web客户端正常路由： http://w7.cc/web/index.php?c=site&a=entry&do=themeset上例子中为web下source/site文件夹中entry.ctrl.php文件，themeset执行方法,模块插件路由： http://w7.cc/web/index.php?c=site&a=entry&do=themeset&module_name=we7_demo 则会路由至 /addons/we7_demo/site.php 文件中的 doWebThemeset() 方法。app端正常路由： http://we7.cc/app/index.php?i=1&j=2&c=entry&a=wxapp&do=list 上例子中为web下source/entry文件夹中wxapp.ctrl.php文件，list执行方法,模块插件： http://we7.cc/app/index.php?i=1&j=2&c=entry&a=wxapp&do=list&module_name=we7_demo则会路由至 /addons/we7_demo/wxapp.php 文件中的 doPageList() 方法插件插件为微擎扩展的核心方式，后续介绍的人人商城也是作为微擎框架的插件做二次开发，主要目录为addons下，后面章节我们将为大家介绍如何开发一个简单微擎插件应用总结本文主要为大家介绍微擎的基础框架，以及入口文件执行流程，更多详细的内容还需要大家自己仔细的阅读源代码去理解。
-
【理论篇】人人商城程序安装【四】 上个章节我们讲解了微擎，人人商城和微信的关系，本章主要介绍的内容主要是微信公众号开发可支持的功能。前期材料准备在做开发前有些东西是最好是有准备的，比较方便工作进行，同时也是为了后面的系统上线做准备。微信账号申请，包含公众号，微信商户号等,公众号申请->GO,微信商户申请服务器域名申请，域名需备案，服务器商用前期建议购买4核8g，3兆带宽，国内性价比比较高的推荐阿里云，服务器购买链接->GO服务器远程mysql数据库,php，redis环境安装以上材料建议在开发时期就应该把他做好，避免上线时候匆忙导致上线时间延期，因为账号申请域名备案都需要一定的时间等待，如果以上材料未申请下来，或者仅为了学习等情况下可以考虑使用如下方案微信账号：替代方案微信测试平台申请点击链接：微信测试平台申请GO-> ,基本可以满足80%的需求，唯一不支持是无法做微信支付功能服务器域名：本地测试配合请求代理等工具进行测试如花生壳（公网访问本地测试环境），建议使用frp 下载地址和使用文档->GO微擎安装微擎框架内置了很多对微信接口的扩展功能，开发者只需要关注业务本身即可。无须技术上重复对接微信接口。微擎安装教程可查看官网文档，根据文档的步骤进行安装，查看安装教程，因为本教程人人商城文章系列针对的是V3版本，本人安装的是2.5.7微擎商业纯净版，如需次版本的微擎版可在博客留言联系博主获取。人人商城安装人人商城源码需要官方购买，具体价格按当时线上应用市场价格为准，购买源码包后联系客服获取。如仅仅只为了学习本人有套v3版本的源码可提供下载，可联系博主留言获取整个微擎+人人商城已经安装好的整套程序，你只需要下载来直接安装即可，资料整理比较辛苦大家随意打点赏钱即可，本套仅作为学习用途，不作为商业用途，商业用途导致的后果需个人自行负责。以上程序具体安装的流程不过多描述，因为官方文档都有介绍，安装后的大体样子
