php diy,GitHub - BestJex/diygw: Diygw For PHP 是DIY官网打造基于Thinkphp 5.1.x开发实时同步DIY官网设计应用,无需要下载直接在线同步应用更...

Diygw for PHP

Diygw For PHP 是DIY官网打造基于Thinkphp 5.1.x开发实时同步DIY官网设计应用,无需要下载直接在线同步应用更新应用;

基于浏览器的集成开发环境,可视化和智能化的设计,能轻松完成面向手机的移动应用开发;

无须编程 零代码基础 所见即所得设计工具;

轻松制作微信小程序、原型设计、WebApp设计、Bootstrap、单页动画

在线可视化制作小程序组件及在线可视化设计小程序数据源能力

无须编程轻易制作个性化移动WEBAPP界面,支持一键同步设计代码

设计完成同步至本地后,可以脱离DIY官网独立运行

基于ThinkAdmin改造支持多公众号管理

组件演示大全

系统安装

项目安装及二次开发请参考ThinkPHP官方文档及下面的服务环境说明。

当前版本使用ThinkPHP5.1.x版本,对PHP版本要求不低于php5.6,具体请查阅ThinkPHP官方文档。

如果需要再次安装删除./config/install.lock,./config/database.php,./application/middleware.php,./application/tags.php

Documentation

认真看看文档可能会对你的开发有所帮助哦!

开发技术交流(QQ群 217549678)

feb5ff6651dfb0b85ca76e2d7fe6b30d.png

Repositorie

Diygw为开源项目,允许把它用于任何地方,不受任何约束,欢迎 fork 项目。

Environment

PHP 版本不低于 PHP5.6,推荐使用 PHP7 以达到最优效果;

需开启 PATHINFO,不再支持 ThinkPHP 的 URL 兼容模式运行(源于如何优雅的展示)。

Apache

Options +FollowSymlinks -Multiviews

RewriteEngine On

RewriteCond %{REQUEST_FILENAME} !-d

RewriteCond %{REQUEST_FILENAME} !-f

RewriteRule ^(.*)$ index.php?/$1 [QSA,PT,L]

Nginx

server {

listen 80;

server_name demo.diygw.com;

root /home/wwwroot/Diygw;

index index.php index.html index.htm;

add_header X-Powered-Host $hostname;

fastcgi_hide_header X-Powered-By;

location / {

index index.htm index.html index.php;

#访问路径的文件不存在则重写URL转交给ThinkPHP处理

if (!-e $request_filename) {

rewrite ^/(.*)$ /index.php/$1 last;

break;

}

}

location ~ \.php($|/){

fastcgi_index index.php;

fastcgi_pass 127.0.0.1:9000;

include fastcgi_params;

set $real_script_name $fastcgi_script_name;

if ($real_script_name ~ "^(.+?\.php)(/.+)$") {

set $real_script_name $1;

}

fastcgi_split_path_info ^(.+?\.php)(/.*)$;

fastcgi_param PATH_INFO $fastcgi_path_info;

fastcgi_param SCRIPT_NAME $real_script_name;

fastcgi_param SCRIPT_FILENAME $document_root$real_script_name;

fastcgi_param PHP_VALUE open_basedir=$document_root:/tmp/:/proc/;

access_log /home/wwwlog/domain_access.log access;

error_log /home/wwwlog/domain_error.log error;

}

location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ {

access_log off;

error_log off;

expires 30d;

}

location ~ .*\.(js|css)?$ {

access_log off;

error_log off;

expires 12h;

}

}

Copyright

Diygw 基于MIT协议发布,任何人可以用在任何地方,不受约束

Diygw 部分代码来自互联网,若有异议,可以联系作者进行删除

分享精神

非常感谢您的支持!如果您喜欢DiyGw,请将它介绍给自己的朋友,或者帮助他人安装一个DiyGw,又或者写一篇赞扬我们的文章。DiyGw是对ThinkPHP的传承和新的传奇。由DiyGw 开发团队完成开发。如果您愿意支持我们的工作,欢迎您对DiyGw进行捐赠。

DiyGw官方技术交流群 482112340

如果您对DiyGw有任何建议、想法、评论或发现了bug,请联系我们280160522@qq.com。

62da15f401b67431508a8381c7b5a87f.png

系统安装

浏览器端输入你域名,如果系统没有安装,会自动转到安装地址。我已我自己的域名为例。

第一步:点击同意安装协议

772d1bc6badbc611e47d66ac7383ac87.png

第二步:环境检测

大家检测下自己的环境,如果环境提供有误,请修复对应的错误

9ec02c1b3f1ef23dd04e7894a49b0d31.png

第二步:创建数据库

大家根据自己的数据库来配置,建议独立数据库。输入创始人的账号信息,记得要保存好自己的用户名密码信息哟。

a4b30002ebc4dc95902df3a8a8ee6f91.png

a3df79c196814798e811ead5a8834f42.png

安装完后登录后台应用,可以对公众号进行管理

92b747791276d263c3ef1e2147492da4.png

制作应用

第一步:点击新建微信小程序/WEBAPP

点击后弹出窗口,输入你的应用名称。下面以首页我的例子我的电商首页展示为例。

c639c06b0257389e92e0859483899882.png

首页主要包括:图片切换,分类导航,内容展示,底部导航

大家想到这里就会想到数据来源呢,对的。那我们就进入后台数据源管理

f91a1360f749004cdbf895950831dd67.png

进入后我们第一步想到的是有图片切换,分类,详情三个表单。

数据源管理

图片切换表单

547545bf86163c9ec0ea9ceb6a5c9a80.png

b7f18561722e2b592640249cff5aa50a.png

详情表单

其他表单可能都差不多,其中详情表单可能会稍有不同,他有可能会涉及到分类。

88e5a8e0e9d8ff725e8e03e1e6d0642d.png

b54b98c964e82f9bd311ccaf2739bee8.png

大家每做完一个表单都可以在线预览然后增加几条数据,用于前台展示。

d3d3d1d5e429893a7a26f1c4c3632005.png

新增表单有了大家肯定想到了我怎么数据管理呢?现在教大家怎么进行数据管理。

60e228fddc8388aad1df8268c3cc010f.png

81f2cdf35f1a8141762676d1c1fc9213.png

3c58b0a3f406071b0f95da3d9d42856c.png

5b62aa9e9c4169a3258ea922fcf898d4.png

大家可能在设计的过程如果没注意表单的设置,显示的是表单。

5866c855947274ef2e83d821dc6c4399.png

数据管理的时候,大家可能要编辑数据,对表格有个细节需要注意,在编辑页面选项值里选择对应的表单。

c03590fa6ca0e37ce96c126990efbf6c.png

至此后台数据源完成,我们回到前台的设计。

手机端设计

图片切换设计

拖拉滑块组件进入设计区,设置数据源,进行数据源管理

ec0c415f7c41075db955bb02204a767a.png

ab2712095d030df83bc48a2d676e1909.png

分类展示

拖拉九宫组件进入设计区,设置数据源及字段映射。字段映射用于分类详情展示,跳转到分类时对过滤出对应的数据。

f2fff8f9e7c99370b6fe4668e4aa5405.png

0b332d6dccf8cd5c658c45211a64bf33.png

17351ea2a712c2cd28cfe15fa5ba4fac.png

内容展示

内容展示跟图片切换一样,只需要拖拉对应的位置即可。

e5997e6bd7137514bb716949ffa5598d.png

一键同步应用,回到刚才安装的系统里

c229ef3051ee908c167951c60334f2b8.png

应用效果图如下

8e956c08c7a341c9222c239655764a76.png

47aa7b45da6dcfa1bc118c39d813a1cd.png

387b98104a868b4545bf9cff314e97ae.png

f690be349f66fc8738091dfe17c16a20.png

7c9544e6b4f493b2da420c5bde8647a0.png

3ae9b3ee4772d8c58c5dbb4854e5db0a.png

c76909a7ece86b2e8bf8487003160c28.png

3f4fd717bddb3779b6c698dc89903b7e.png

ab2fa4bda0f79c3b76db8124683ff51d.png

957fa7755604d1d50698f8aa873b6482.png

c4d3c379b14f71fb230351ba2781f72f.png

09a7caf0cd85f4abca6352b50258afcd.png

7594b10eb17785677d001e6a502051b1.png

7bb8384572376cfa5a4793207be74324.png

e1e6f71b90e5ae682d4c19736d738751.png

f8864794d53d588eeaf8cca79bc97394.png

6549bc998c14d210199186d93487ba3c.png

19c07d98da8de55fa4a744d8855fb82a.png

3edd46d24df839f2a35290891422cf3f.png

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值