活字格登录界面设计

1、不使用内部的登录。

2、创建手机页面。

3、新增一列,行数为31行。

4、复制内含登录界面的组件到前几步创建的界面。

5、插入背景。

6、设置账号和密码文本框的单元格样式(新建单元格式样),前后景设为无。

效果图:

<think>嗯,用户这次的问题很明确,是想了解如何在活字中通过代码开发界面。结合之前的对话历史,用户已经知道活字核心是用C#开发的,现在更关注具体操作层面。 用户引用了两段关于JNPF平台的资料,但明显是混淆了产品。需要特别注意区分:活字是葡萄城的产品,而JNPF是另一家公司的。不过引用中提到“Java+.Net”的技术栈倒是提醒了我,活字虽然核心是C#,但前端扩展确实支持多种语言。 用户真正的需求应该是:在活字可视化设计基础上,如何通过代码进行深度定制。这需要分三个层次回应: 1. 基础部分:强调活字本身是低代码平台,80%的界面可以通过拖拽完成,不需要写代码 2. 进阶部分:当需要特殊控件或复杂交互时,可以用JavaScript/TypeScript开发自定义组件 3. 高级集成:通过C#开发服务端逻辑来支撑前端界面 特别要注意用户上次问过前端支持语言,这次回答要延续之前的逻辑链条。用户可能是开发者,想评估技术适配性,所以需要给出具体的技术路径示例。 上次回复时提到过活字开放了编程接口,这次应该展开说明。比如前端JavaScript API的使用场景:动态修改页面元素、自定义验证规则等。可以给个简单的DOM操作示例,但避免太复杂。 用户引用的资料里提到“.Net”,这正好呼应了活字服务端用C#的特性。可以强调服务端命令和Web API的开发方式,这是代码扩展的核心场景。 最后要提醒风险:虽然支持代码开发,但过度定制会丧失低代码优势。需要平衡可视化开发和代码扩展的比例。</think>在活字中,界面开发主要通过**可视化拖拽设计**完成,但若需深度定制,可通过以下代码开发方式实现: --- ### 一、核心代码开发方式 #### 1. **前端界面定制(JavaScript/TypeScript)** - **自定义组件** 通过JavaScript/TypeScript开发可复用的前端组件(如特殊表单控件、图表): ```javascript // 示例:创建自定义按钮组件 class CustomButton extends HTMLElement { constructor() { super(); this.innerHTML = `<button style="background: #2196F3; color: white;">动态按钮</button>`; this.addEventListener('click', () => alert('自定义组件触发')); } } customElements.define('custom-button', CustomButton); ``` 在活字设计器中通过**HTML单元**直接嵌入该组件[^1]。 - **事件扩展** 通过JavaScript API动态修改页面行为: ```javascript // 示例:按钮点击时修改单元值 Forguncy.Page.bind("button1", "click", () => { Forguncy.Page.getCell("textbox1").setValue("代码触发"); }); ``` #### 2. **服务端逻辑扩展(C#)** - **Web API开发** 用C#编写后端接口支持前端交互: ```csharp // 示例:创建数据提交API [HttpPost] public IActionResult SubmitData([FromBody] UserData data) { // 数据库操作逻辑 dbContext.Users.Add(data); dbContext.SaveChanges(); return Ok("数据保存成功"); } ``` 在活字中通过**服务端命令**调用此API[^2]。 - **插件开发** 开发.NET插件扩展平台功能: ```csharp // 示例:创建自定义公式函数 [ForguncyFormula] public static double CalculateTax(double income) { return income * 0.05; // 返回税额 } ``` 安装插件后,可在公式中直接使用`=CalculateTax(A1)`。 --- ### 二、操作路径(活字设计器内) 1. **前端代码注入** `页面 → 右键添加HTML单元 → 嵌入JavaScript/CSS` 2. **服务端API集成** `数据 → 服务端命令 → 调用外部API` 3. **插件安装** `设置 → 插件管理 → 上传.dll文件` --- ### 三、适用场景对比 | 需求场景 | 推荐方式 | 优势 | |-------------------|-------------------|--------------------------| | 简单界面调整 | 可视化设计 | 零代码,快速生效 | | 复杂交互逻辑 | JavaScript API | 实时响应前端事件 | | 数据安全/高性能处理 | C#服务端命令 | 直接操作数据库,避免暴露 | | 跨页面复用功能 | .NET插件开发 | 一次开发,全局使用 | > ⚠️ **注意**:代码开发需遵循活字开放接口规范,过度定制可能影响升级兼容性。 --- ### 四、学习资源 1. [活字JavaScript API文档](https://help.grapecity.com.cn/pages/viewpage.action?pageId=72363965) 2. [服务端插件开发指南](https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=143335&extra=page%3D1) 3. 官方示例库:设计器内 `文件 → 新建 → 从示例库创建` 通过结合可视化设计与代码扩展,可平衡开发效率与灵活性,实现企业级复杂应用[^1][^2]。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值