README

该组件是一种新的快速开发Web移动应用的方式，几乎任何人都可以在不到10分钟内使用最新的技术（如Web组件、Material Design等）创建一个移动Web应用...

你可以构建令人惊叹的Web移动网站界面，完全用户友好，通过仅创建和定义JSON即可调整分辨率。就是这样，你只需从数据库中获取任何'data'，将你的数据格式化为我们的JSON标准（我们为你提供了一些辅助工具），并定义你的界面，你的网站就完成了。

该组件背后的概念是，开发者不需要处理和编写任何HTML、CSS或JAVASCRIPT来完成工作，只需要创建一个JSON来定义界面将如何展示。为了创建这个JSON，我们提供了一些类来帮助你，所以开发者只需要知道如何调用Ewlist/View类的函数。

最初我使用Slim框架来创建REST路由，但我希望在未来不久能够为这个仓库创建一个laravel包。

使用Slim框架安装EwList

从你想要安装的目录中运行此命令。

将[my-app-name]替换为你新应用的期望目录名称。你需要

• 将虚拟主机的文档根目录指向新应用的public/目录。
• 确保logs/是Web可写的。

##Docker或Composer

要运行composer，你可以在电脑上安装composer，或者直接使用docker composer容器。

docker run --rm -it --volume $(pwd):/app prooph/composer:7.2 [your composer command]

composer create-project slim/slim-skeleton [my-app-name]
cd [my-app-name]
composer require restaurare/ewlist "dev-master"

你不需要了解任何HTML、CSS或JAVASCRIPT，你只需要创建一个符号链接或复制最新的移动Web构建到Slim框架骨架的public目录中。

cd public
ln -s ../vendor/restaurare/ewlist/build/mobile/ ./public/mobile

使用以下内容编辑文件"src/routes.php"

<?php

use Slim\App;
use Slim\Http\Request;
use Slim\Http\Response;

use Ewlist\AppList;

return function (App $app) {
    $container = $app->getContainer();

    $ewApp = new Ewlist\AppList($app);

    //This is the /demo/menu route
    //you can develop your own routes and replace the startup route here.

    $app = $ewApp->addRoutes($app,"/demo/menu"); 
    $app = $ewApp->addDemoRoutes($app);

    $app->post('/menu', function($request, $response, $args) {
        $view = new Ewlist\View("Top Cars 2020");
        //ADD MENU CATEGORY DIVIDER
        $view->addHeaderItem("Categories");
        //MENU ITEMS
        $view->addPaperItemIcon("maps:directions-car","Super Cars","Expensive cars in 2020.","ew-list-view",array("route" => "/cars/super"));
        $view->addPaperItemIcon("maps:directions-car","Normal Cars","Normal cars in 2020.","ew-list-view",array("route" => "/cars/normal"));
        // CALL ANOTHER ROUTE WHEN THIS ROUTE LOADS.
        // $view->runAction("ew-list-view",array("route" => "/cars/super"));
        //ADD ACTION BUTTON
        $view->addActionToolbarButton("refresh","ew_refresh",array());
        //ADD HTML
        $view->addHTML("<b>Teste de HTML</b>");
        $view->showMessage("Welcome to Restaurare!");
        return $response->withJson($view);
    });

};

使用"-o"选项从composer导出自动加载并优化，要在开发中运行应用程序，你可以运行以下命令

composer dump-autoload -o
composer start

在浏览器中访问URL：https://:8080/

我们有一些DEMO路由来展示如何操作，请查看文件：vendor/restaurare/ewlist/src/Ewlist/Demo.php

一旦可能，我将添加更多示例...

就是这样！现在去构建一些酷炫的东西吧。