如何启动

xxxxxxxxxx
为了让您最快速度能预览，所以我们把布局器放置在nginx包，实际嵌入您系统不一定需要nginx

视频教程：https://edu.csdn.net/course/play/10747/442706

1 启动布局器

x
下载免费版布局器：http://www.magicalcoder.com/doc/vip-try-3.x.x.zip
Java集成示例:https://gitee.com/adyuebanwan/mcdemo
最新地址请以：http://www.magicalcoder.com首页布局器下载版本为准

1.1 说明

xxxxxxxxxx
布局器采用内嵌iframe，增强了布局器的兼容性和解耦性，不过现代浏览器不支持直接打开iframe有跨域问题，所以我们只要以http方式来访问index-xxx.html即可

1.2 方式一 使用nginx代理启动

xxxxxxxxxx
您拿到我们的布局器 本身已经放在nginx的html下，只要双击启动.bat后,浏览器访问http://localhost:12345/start.html即可

1.3 方式二 使用idea等工具来启动

xxxxxxxxxx
找到start.html 右上角从浏览器打开即可访问

1.4 运行方式

xxxxxxxxxx
最终目标：通过浏览器可以访问到index-xxx.html页面，把布局器加载出来，同时又能访问到您的后端接口地址

1.4.1 方式一 针对前后端分离的项目

xxxxxxxxxx
利用nginx做代理
您可以参考我们的conf/nginx.conf配置 这样就可以浏览器访问布局器地址
​
        location / {
            root   html;
            index  start.html start.htm index.html;
        }

1.4.2 方式二 传统未分离的项目

xxxxxxxxxx
例如springboot项目 静态资源与html分离 并且修改html引入的资源地址
static
    magicalcoder
那么您也可以直接在浏览器访问 http://localhost:端口/magicalcoder/index-xxx.html就能访问布局器
请修改xxx或者端口为您实际的情况
尽量不要用模板引擎渲染分割index-xxx.html 一来要处理资源路径问题，二来不够优雅，本可以前后端的分离的