当前位置: 首页 > 软件库 > Web应用开发 > >

mzphp-todo

授权协议 GPL
开发语言 PHP
所属分类 Web应用开发
软件类型 开源软件
地区 国产
投 递 者 邓星光
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

项目将 mzphp框架 结合 vuejs、vux、vue-resource 做的 todoList。

代码量不多,核心代码就100来行,重点在于演示和互相学习。

问:为什么要将 mzphp 和 vue、vux 结合做项目呢?

  1.  技术所趋(认真脸!);

  2. mzphp 支持 scss 语法,static 标签可以打包压缩前端 js 和 css,擅长于结合前端做项目;

  3. 个人比较喜欢 vux 界面;

  4. 网上找的 vue todo demo 做的不是特别友好,而且没有和 PHP 结合的示例项目。

相关说明

添加 vux 组件在 view/inc/vux.htm 中:

这里用了 mzphp 特有的 static 打包文件语法。
您只需要复制一行,修改为对应的 vux 组件名.
(例如 components/tab-item 改为 components/loading)

然后访问 index.php 直接食用即可。

嗯,static/v1/common.js 中已经有自动注册 vux 组件的方法:

// auto register component
(function (window) {
    for (var index in window) {
        if (index.search(/^vux/ig) > -1) {
            var componentName = index.replace(/^vux/i, '');
            var firstChar = componentName.substring(0, 1);
            componentName = firstChar + componentName.substring(1).replace(/([A-Z])/g, '-$1');
            Vue.component(componentName.toLocaleLowerCase(), window[index]);
        }
    }
})(window);

有问题欢迎提问。

 相关资料
  • mzphp 介绍 PHP 开发框架 mzphp,拥有特点: 性能,高性能极致加载、高效率编译和读取! 清晰,大量注释及实例,几分钟就上马进门! 小巧,整个框架 400k,几乎没有冗余代码! 奔放,支持 http 和 cli 双运行,php index.php {$control} {$action} 就能体验 PHP 在命令行下的奔放。(可用于后台常驻内存、爬虫等) 易用,优化过的 discuz

  • 问题内容: 当我使用Eclipse向Java类中添加未实现的方法来修复错误时,方法会自动生成并包含 有没有一种简单的方法可以查看包含此注释的所有方法?某种菜单选项? 问题答案: 有没有一种简单的方法可以查看包含此注释的所有方法?某种菜单选项? 是的,请选择以下选项之一: 1)前往( 否 )。新视图将显示默认情况下“控制台”和“问题”选项卡的位置。 2)如其他地方所述,如果您有问题的源文件处于打开状

  • 本文向大家介绍Vue中父子组件通讯之todolist组件功能开发,包括了Vue中父子组件通讯之todolist组件功能开发的使用技巧和注意事项,需要的朋友参考一下 一、todolist功能开发 二、todolist组件拆分 定义组件,组件和组件之间通讯 1、全局组件 2、局部组件 要注册,否则会报错: vue.js:597 [Vue warn]: Unknown custom element: <

  • 本文向大家介绍vue2的todolist入门小项目的详细解析,包括了vue2的todolist入门小项目的详细解析的使用技巧和注意事项,需要的朋友参考一下 看完vue2的官方文档后,找个入门项目巩固下知识点,简单的todolsit是个不错的选择。 项目用到了vue.js vue.cli webpack ES6 node环境,完成项目后会对这些技术栈有了些了解。 准备开发环境 安装谷歌插件vue.j

  • 本文向大家介绍详解python Todo清单实战,包括了详解python Todo清单实战的使用技巧和注意事项,需要的朋友参考一下 Todo清单 需要实现的功能有添加任务、删除任务、编辑任务,操作要关联数据库。 任务需要绑定用户,部门。用户需要绑定部门。 list 页面最初显示图 当添加任务后,页面显示如下 当鼠标点击任务状态时,会发生改变 当点击删除按钮时,任务从数据库中删除,也不在页面中显示

  • 本文向大家介绍使用VueCli3+TypeScript+Vuex一步步构建todoList的方法,包括了使用VueCli3+TypeScript+Vuex一步步构建todoList的方法的使用技巧和注意事项,需要的朋友参考一下 前言 Vue3.x 即将来袭,使用 TypeScirpt 重构,TypeScript 将成为 vue 社区的标配,出于一名程序员的焦虑,决定现在 Vue2.6.x 踩一波坑