<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>Ciyon - 众产全栈开发框架</title>
    <meta name="keywords" content="全栈开发框架,Golang开发框架,PHP开发框架,移动端开发框架,Vue3开发框架" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0, shrink-to-fit=no" />
    <link rel="stylesheet" href="/jscss/web.css" />
    <script src="jscss/theme.js"></script>
    <style>
        .c_tag {
            padding: 1em;
        }

        .c_tag>div {
            padding: 1em;
            background: var(--c-bg2);
            border: 1px solid var(--c-border-2);
            border-radius: 1em 0;
            display: flex;
        }

        .c_tag>div:hover {
            box-shadow: var(--s-box-1);
            transform: translateY(-4px);
        }

        .c_tag a {
            display: block;
            overflow: hidden;
        }

        .c_tag img {
            width: 4em;
            height: 4em;
            margin-right: 1em;
        }

        .c_tag h3 {
            font-size: 1.2em;
            font-weight: bolder;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .c_tag span {
            font-size: 1em;
            font-weight: 300;
            line-height: 2em;
            padding: 1em;
            height: 7em;
            display: block;
            overflow: hidden;
        }

        @media (max-width: 767px) {
            .c_tag span {
                height: auto;
            }
        }
    </style>
</head>

<body>
    <header class="hidden-up-sm stitop">
        <div class="mb_title">
            <div class="mb_menubtn" onclick="mbmenu_toggle(true);"></div>
            <div style="flex:1;text-align:center;">
                <div>Ciyon - 众产全栈开发框架</div>
            </div>
            <div style="display: flex;">
                <a class="btn" href="/admin/" target="_blank">在线演示</a>
            </div>
        </div>
        <div id="id_mb_menu" class="mb_menu">
            <div class="mask" onclick="mbmenu_toggle();"></div>
            <div class="main">
                <div class="title">
                    <div class="close" onclick="mbmenu_toggle();"></div>
                    <div style="padding: 1em;font-size:1.5em;">Ciyon - 众产全栈开发框架</div>
                </div>
                <nav class="scroll_hide">
                    <h3>目录</h3>
                    <div>
                        <ul class="ch1">
                            <li><a onclick="mbmenu_toggle();" href="#features">技术特点</a></li>
                            <li><a onclick="mbmenu_toggle();" href="#architecture">软件架构</a></li>
                            <li><a onclick="mbmenu_toggle();" href="#softengine">软件工程</a></li>
                            <li><a onclick="mbmenu_toggle();" href="#future">未来演进</a></li>
                        </ul>
                    </div>
                </nav>
            </div>
        </div>
    </header>
    <header class="hidden-dn-sm stitop pc_menu">
        <div class="title">
            <div style="font-size: 1.2em;font-weight: bold;padding-left: 1em;">
                Ciyon - 众产全栈开发框架
            </div>
            <div style="flex:1;text-align: right;padding:0.3em;">
                <a class="btn" href="/indexweb" target="_blank">网站结构</a>
                <a class="btn" href="/docs/" target="_blank">开发文档</a>
                <a class="btn" href="/admin/" target="_blank">后台演示</a>
            </div>
        </div>
        <nav>
            <a class="aniup active" href="#">首页</a>
            <a class="aniup" href="#features">技术特点</a>
            <a class="aniup" href="#architecture">软件架构</a>
            <a class="aniup" href="#softengine">软件工程</a>
            <a class="aniup" href="#future">未来演进</a>
        </nav>
    </header>
    <main>
        <div class="vtitle">
            <h2 id="features">技术特点</h2>
            <div>AI自主决策、数字孪生</div>
        </div>

        <div>
            <div class="row" style="margin:0.5em;">
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>AI辅助决策</h3>
                            <span>　基于Function Call和JSON的AI能力，实现了定期AI决策及渐进式主动决策执行能力。
                                <br />　利用置信度缓解AI幻觉难题，基于量化函数可实现专用AI能力。
                            </span>
                        </a>
                    </div>
                </div>
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>Web3D地球</h3>
                            <span>　基于Cesium与ThreeJS，实现了三维场景可视化配置和开发JS独立组件。
                                <br />　支持多种地图源、地形图、GLB模型、光照、无人机建模等。

                            </span>
                        </a>
                    </div>
                </div>
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>原生重构组件</h3>
                            <span>　内生发展，尽量不引用第三方库，拆解掌握原理后重写。
                                <br />　PC端组件20+，移动端组件60+，不断扩展中。
                            </span>
                        </a>
                    </div>
                </div>
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>PHP+Golang</h3>
                            <span>　PHP在项目原型验证阶段快速开发上线。
                                <br />　Golang作为服务器集群降成本的高并发优化。
                            </span>
                        </a>
                    </div>
                </div>
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>免编译模式</h3>
                            <span>　尽量用免编译模式开发，降低老旧代码维护难度。
                                <br />　是未来全量区块链可信源码演进的重要研究基础。
                            </span>
                        </a>
                    </div>
                </div>
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>代码生成器</h3>
                            <span>　支持基于数据表的通用功能的代码生成能力。
                                <br />　数据表注解定义，自动生成代码，再利用AI补全微调。
                                <br />　遵循一定的开发规范，能产生90%高质量直接运行代码。
                            </span>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="vtitle">
            <h2 id="architecture">软件架构</h2>
            <div>底层原生开发</div>
        </div>
        <div>
            <div class="row" style="margin:0.5em;">
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>总控端原生JS</h3>
                            <span>　使用原生JS实现一系列的常用函数封装。
                                <br />　包括websocket、bigscreen、openai、sse、i18n等。
                                <br />　结合Web3D的数据大屏驾驶舱示例代码实现。
                            </span>
                        </a>
                    </div>
                </div>
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>总控端PHP</h3>
                            <span>　原生实现独立开发框架，输入安全校验、唯一访问入口。
                                <br />　拆解吸收多种大型框架源码。本框架结构简单，可读性强。
                            </span>
                        </a>
                    </div>
                </div>
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>总控端Golang</h3>
                            <span>　原生实现独立开发框架，未实现函数自动转至PHP执行。
                                <br />　支持mock、连接池、自更新等。
                            </span>
                        </a>
                    </div>
                </div>
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>移动端Vue3</h3>
                            <span>　在Vue3基础上极简封装各类常用组件。
                                <br />　统一封装常见函数，页面全面可自定义，多语言。
                                <br />　提供路由工具，一键生成路由代码。
                            </span>
                        </a>
                    </div>
                </div>
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>Web站原生JS库</h3>
                            <span>　让Web呈现扁平的价值传达，减少酷炫效果对阅读的干扰，整站SEO可完整解析。</span>
                        </a>
                    </div>
                </div>
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>Web站缓存机制</h3>
                            <span>　自定义的动态页面缓存模式，结合各类CDN回源策略减轻对源服务器请求。</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="vtitle">
            <h2 id="softengine">软件工程</h2>
            <div>原型验证到高并发迭代</div>
        </div>
        <div>
            <div class="row" style="margin:0.5em;">
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>项目可行性验证阶段</h3>
                            <span>　用原生JS+PHP+微信小程序开发。
                                <br />　在数周内完成项目快速开发。
                                <br />　低成本投入市场验证迭代。</span>
                        </a>
                    </div>
                </div>
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>项目快速发展阶段</h3>
                            <span>　Web服务器集群规模或数据库服务器连接数承压后，
                                <br />　用Golang重写高并发请求的函数接口，逐步替代。</span>
                        </a>
                    </div>
                </div>
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>项目稳定运营阶段</h3>
                            <span>　Golang将业务侧数据全部重写，完全替换PHP低效代码。
                                <br />　根据业务特点拆分，扩展成多地多中心异构拓扑。
                            </span>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="vtitle">
            <h2 id="future">未来演进</h2>
            <div>打造信任治理生态</div>
        </div>
        <div>
            <div class="row" style="margin:0.5em;">
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>全量区块链</h3>
                            <span>　创新的实现区块链底层架构，将上传的文件图片视频资源、数据库资源全部完整上链。
                                <br />　非简单的hash上链。</span>
                        </a>
                    </div>
                </div>
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>无后端时代</h3>
                            <span>　底层研发基于海量矿机的多中心(无中心)异构拓扑，
                                <br />　实现统一的JS访问入口，实现区块链级分布式事务。
                            </span>
                        </a>
                    </div>
                </div>
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>大前端时代</h3>
                            <span>　从区块链上下载前端包后，加载到用户端(PC/手机/XR眼镜等)，任何交互操作均直接请求区块链接口。</span>
                        </a>
                    </div>
                </div>
                <div class="col-24 col-sm-12 col-md-8 c_tag">
                    <div>
                        <a class="mtext">
                            <h3>代码可审计</h3>
                            <span>　区块链基于共识算法开放协议，天然可审计。
                                <br />　前端代码不允许混淆和编译。
                                <br />　用户端可随时调阅源码分析。</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>

    </main>
    <footer>
        <div>© 2018-2026 众产®. All Rights Reserved.</div>
        <div>
            <a href="https://ciy.cn/" target="_blank" class="un">众产</a>　
            <a href="https://ciy.cn/code/" target="_blank" class="un">众产IT工程</a>　
            <a href="https://ciy.cn/tc/" target="_blank" class="un">众产区块链</a>
        </div>
        <div>众产（杭州）科技有限公司</div>
        <div>
            <a href="https://beian.miit.gov.cn" target="_blank" nofollow>浙ICP备19004547号-1</a>
        </div>
    </footer>
    <div style="position: fixed; z-index:7;right:0;bottom:0;">
        <div title="转到白天模式" class="mode-light" onclick="ciy_chgtheme(true)"></div>
        <div title="转到暗夜模式" class="mode-dark" onclick="ciy_chgtheme(false)"></div>
        <a title="返回顶部" class="btn-totop" href="#"></a>
    </div>
    <div class="bgbtm"></div>
    <div id="id_install" style="display:none;position: fixed;padding:1em;top:5em;left:calc(50% - 14em);width:28em;z-index: 10;background:#ffffff;border-radius: 1em;box-shadow: 0 0 30px -10px #000000;">
        <div onclick="close_install()" style="position: absolute;top:0.5em;right:0.5em;font-size:1.5em;cursor:pointer;color:#000000;line-height: 1em;">×</div>
        <div>nginx配置成功且加载正常</div>
        <div>显示日期时间，则PHP运行正常</div>
        <div><iframe src="install?act=time" style="width:100%;border:none;"></iframe></div>
        <div><iframe src="install?act=db" style="width:100%;height:100%;border:none;"></iframe></div>
        <div style="text-align:right;">
            <label><input type="checkbox" name="non"/>不再显示</label>
        </div>
    </div>
    <script src="jscss/web.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            ciy_lazyimg(true);
            if (document.location.host.indexOf('.local.ciy.cn') > -1 && localStorage.getItem('__install') != 'non') {
                document.getElementById('id_install').style.display = 'block';
            }
        });
        function close_install() {
            document.getElementById('id_install').style.display='none';
            if(document.getElementsByName('non')[0].checked)
                localStorage.setItem('__install', 'non');
        }
        function mbmenu_toggle(bopen) {
            if (bopen)
                document.getElementById('id_mb_menu').classList.add('show');
            else
                document.getElementById('id_mb_menu').classList.remove('show');
        }
    </script>
</body>

</html>