mzphp-todo

GPL
PHP
跨平台
2016-09-18
deajunny

项目将 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);

有问题欢迎提问。

的码云指数为
超过 的项目
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

Jhipster_cn中文翻译组

Jhipster_cn中文翻译组,关于SpringBoot,AngularJS及Spring生态融合的技术栈->Jhipster推荐, 是SpringBoot的最佳实践,是SpringCloud对Netflix技术栈的最佳实践,是J2EE-Cloud微服务的最佳实践,...

2016/07/25 16:17
935
4
Creating a REST API with Spring Boot and MongoDB

Spring Boot is an opinionated framework that simplifies the development of Spring applications. It frees us from the slavery of complex configuration files and helps us to creat...

2014/12/11 09:29
446
0
Angular2入门教程-2

Angular2入门教程-2

2016/10/27 17:37
84
0
Android MVP模式开发

一.什么是MVP MVP是模型(Model)、视图(View)、主持人(Presenter)的缩写,分别代表项目中3个不同的模块。  模型(Model):负责处理数据的加载或者存储,比如从网络或本地数据库获取数...

2016/04/06 15:13
152
1
IDEA自定义TODO注释

由于自己写的代码依赖其他人的接口,但是其他人未完成开发。 我自己调用了几个新申明的一些空的方法,等其他人完成我需要的接口后,在这些空方法中实现对他人接口的调用。怕将来忘记实现所以...

2018/08/31 11:19
359
0
在Emacs中使用TODO

(setq todo-file-do "~/todo/do") (setq todo-file-done "~/todo/done") (setq todo-file-top "~/todo/top") 上面的内容写在.emacs文件中 然后建立上面指定的目录(~/todo/) 然后在Emacs中C+x...

2013/07/24 16:43
41
0
以ToDoList应用来学习Geddy

利用Geddy制作一个ToDoList应用,帮助你更快地了解和学习Nodejs+Geddy!

2014/07/06 23:42
322
0
Todo lists color in org-mode

Emacs org-mode todo colors A quick tip on how to customize the look of todo items in Emacsorg-mode. Emacs org-mode Org is a mode for keeping notes, maintaining TODO lists, and d...

2013/07/24 15:20
56
0
RESTFul 服务测试自动化的艺术 - TODO 服务篇

老码农在上一篇博客 给出了如何从头开始创建一个 自带自动化测试工具的 RESTful 服务项目的例子. 今天我们在这个简单例子上做延伸, 把这个例子改写为一个简单的 TODO Task 应用. 该应用会提供...

2018/05/30 19:59
3.7K
5

没有更多内容

加载失败,请刷新页面

返回顶部
顶部