cejobelo/hamtaro-starter

使用hamtaro-starter启动您的Hamtaro应用程序。

维护者

详细信息

github.com/cejobelo/hamtaro-starter

源代码

问题

安装: 20

依赖项: 0

建议者: 0

安全: 0

星标: 1

关注者: 1

分支: 0

开放问题: 0

类型：项目

v1.2.1 2022-05-14 02:44 UTC

Requires

MIT 221753258f114403530939bb86d047232efe94d5

hamtarohamtaro-starter

This package is auto-updated.

Last update: 2024-09-14 08:01:34 UTC

README

关于

Hamtaro是一个使用Php和JavaScript进行前端/后端开发的全新Web框架。
在严格、简化和组织的环境中创建您现代化且稳定的Web应用程序。

做点好事：使用Hamtaro 🐹

技术

Php | Javascript | Composer | Npm | Node.js | Webpack | Babel | Sass | Twig | Bootstrap | jQuery | Json

控制器

Ctrl表示您Hamtaro应用程序中的控制器标识符，它有助于识别控制器的命名空间和文件路径。

必须定义在src/main.php中，并使用controllers属性，所有允许加载的控制器。

组件

组件意味着您Hamtaro应用程序中的图形元素。

AbstractForm、AbstractModal和AbstractPage扩展自AbstractComponent，创建自己的组件类型做同样的事情。

组件由4个文件组成，并用其Ctrl标识。

Hamtaro 使用以下类型的选择器在 DOM 中识别您的组件

  • .hamtaro-component[data-ctrl="Header"]
  • .hamtaro-form[data-ctrl="Identification/Reset"]
  • .hamtaro-modal[data-ctrl="Newsletter"]
  • .hamtaro-page[data-ctrl="About"]

命令

使用 composer scripts，优化您的开发流程并节省大量开发时间。

{
    "scripts": {
        "ajax": "Hamtaro\\Command\\CreateAjaxRequest::run",
        "component": "Hamtaro\\Command\\CreateComponent::run",
        "form": "Hamtaro\\Command\\CreateForm::run",
        "modal": "Hamtaro\\Command\\CreateModal::run",
        "page": "Hamtaro\\Command\\CreatePage::run",
        "event": "Hamtaro\\Command\\CreateEvent::run"
    }
}

例如，composer run form Login 创建您的表单组件到 src/Controller/Form/Login。

前端开发

使用 hamtaro.js 进行前端开发。

默认 webpack 配置支持以下资产： .js | .sass | .scss | .css

  • npm run assets 构建 public/main.min.js 和 public/main.min.css 资产。

  • npm run assets:dev 监控您的资产并进行动态构建，只需写入代码并刷新浏览器即可看到更改。

入门指南

您的工作环境已经准备就绪。

composer create-project cejobelo/hamtaro-starter my_project && cd my_project && composer install && npm install

享受 🐹