cejobelo/hamtaro

构建微服务应用

dev-main 2022-05-21 16:39 UTC

This package is auto-updated.

Last update: 2024-09-21 21:48:00 UTC


README

关于

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

对自己好一点:使用 Hamtaro 🐹

技术

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

控制器

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

所有允许加载的控制器必须在 src/main.php 中通过 controllers 属性进行定义。

组件

Component 表示您 Hamtaro 应用程序内的图形元素。

AbstractFormAbstractModalAbstractPage 扩展 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,提高您的开发流程并节省大量时间。

  • CreateAjaxRequest 创建一个新的 Ajax 请求。
  • CreateComponent 创建一个新的组件。
  • CreateForm 创建一个新的表单。
  • CreateModal 创建一个新的模态框。
  • CreatePage 创建一个新的页面。
  • CreateEvent 创建一个新的 JavaScript 事件。

前端开发

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

默认的 webpack 配置支持以下资源:.js | .sass | .scss | .css

  • npm run assets 构建您的资源 public/main.min.jspublic/main.min.css

  • npm run assets:dev 监视您的资源并动态构建,只需编写代码并重新加载浏览器即可看到更改。

入门

您的开发环境已准备就绪。

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

享受 🐹