cejobelo / hamtaro
构建微服务应用
Requires
- ext-json: *
- coercive/render: ^0.1.1
- twig/twig: ^2.0.0
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 应用程序内的 控制器标识符,它有助于识别控制器的命名空间和文件路径。
AbstractAjaxRequest由您的 AJAX 请求扩展。AbstractForm由您的表单扩展。AbstractModal由您的模态框扩展。AbstractPage由您的页面扩展。
所有允许加载的控制器必须在 src/main.php 中通过
controllers属性进行定义。
组件
Component 表示您 Hamtaro 应用程序内的图形元素。
AbstractForm、AbstractModal和AbstractPage扩展 AbstractComponent,您可以创建自己的组件类型,执行相同的操作。
组件由 4 个文件组成,并通过其 Ctrl 进行标识。
-
Ctrl.js - 前端配置扩展 AbstractForm,AbstractModal,AbstractPage 或 AbstractComponent。
-
Ctrl.php - 后端配置扩展 AbstractForm,AbstractModal,AbstractPage 或 AbstractComponent。
-
Ctrl.sass - 组件样式表
-
Ctrl.twig - 组件视图。即将支持 Pug。
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.js 和 public/main.min.css。 -
npm run assets:dev监视您的资源并动态构建,只需编写代码并重新加载浏览器即可看到更改。
入门
您的开发环境已准备就绪。
composer create-project cejobelo/hamtaro-starter my_project && cd my_project && composer install && npm install
享受 🐹