`

构建Web系统前端Javascript代码

阅读更多

对于大型WEB系统的前台(Javascript代码)如何规划?如下是前几天在知乎上的回答。

1. 按照系统规模做成相应完备程度的框架平台;

    (1). 提供namespace, package and js loading机制;

    (2). 提供debug support;

    (3). 构建Java-liked class mechanism and base class structure;

    (4). 数据类型封装;

    (5). common functions;

    (6). browsers assist;

    (7). 按需ajax, json, web service等高级特性封装;

 

2. 按照系统规模做成相应完备程度的事件系统;

    (1). 基本事件处理机制;

    (2). widget事件模型定义;

    (3). 浏览器事件封装;

 

3. 按照系统规模做成相应完备程度的画面widget;

    (1). 基础widget制作;

    (2). 浏览器控件封装;

    (3). 制作复杂控件;

    (4). 根据业务需要制作业务组件;

           ① 上传下载;

           ② 图片处理;

           ③ chart图像;

           ④ 报表打印;

           ⑤ 导入导出;

           ⑥ 其他业务组件;

 

4. 按照系统规模做成相应完备程度的业务共通机能;

    (1). 数据交换模块;

    (2). 数据校验模块;

    (3). 错误处理模块;

    (4). 消息管理模块;

    (5). 画面控制模块;

    (6). 其他业务模块;

 

5.  按照系统规模封装相应完备程度的高级业务机能;

    (1). 权限验证支援;

    (2). 工作流支援;

    (3). 业务规则引擎支援;

    (4). 数据分析支援;

    (5). 周边系统联接支援;

    (6).其他支援系统。

分享到:
评论

相关推荐

    基于物联网的智慧农业监测系统web端前端代码

    【描述】"基于物联网的智慧农业监测系统web端的前端代码,构建智慧农业监测系统web端的整体架构" 提示我们关注的重点在于前端工程的构建,包括整体框架的搭建、页面布局、交互设计以及数据可视化等方面。这里的前端...

    Web前端开发详细教程, Web前端开发代码大全, 包含各种框架详解

    ### Web前端开发详细教程 #### 一、引言 随着互联网技术的发展,Web前端开发已成为一个重要的领域。它不仅涉及到网站的设计与实现,还涵盖了用户体验、交互设计等多个方面。本教程旨在为初学者提供全面而深入的...

    图书管理系统前端代码设计

    这套前端代码基于现代Web技术构建,可能包括HTML5、CSS3和JavaScript等基础元素,同时也可能运用了如React、Vue或Angular这样的前端框架,以提高页面的响应速度和用户体验。框架的选择通常取决于项目的规模、性能...

    web前端留言板代码包

    【web前端留言板代码包】是一个专门针对网页前端开发的实用工具,主要包含了实现网页留言功能的完整代码。这个代码包的出现,旨在帮助开发者快速构建一个互动性强、用户体验良好的在线留言板系统,适用于个人博客、...

    web前端开发教材初级源代码.rar

    Web前端开发是构建互联网应用程序和网站的关键技术,涵盖了HTML、CSS和JavaScript等核心语言。这份"web前端开发教材初级源代码.rar"压缩包提供了一套初级学习资源,旨在帮助初学者掌握基本的前端开发技能。下面我们...

    单页web应用:javascript从前端到后端(源码)

    1. **前端JavaScript框架**:前端是SPA的核心,通常会使用React、Vue.js或Angular等JavaScript框架。这些框架提供了组件化开发、状态管理、路由控制等功能,简化了大型应用的构建。例如,React通过虚拟DOM提升了性能...

    web网页前端模板

    在IT行业中,Web前端开发是构建互联网应用的重要组成部分,它主要负责用户与网站之间的交互界面。Web前端模板则是为了加速开发过程,提供预设样式和布局的代码框架。标题提到的"web网页前端模板",具体指的是"H+4.1...

    Web前端开发简明教程-源代码(HTML+CSS+JavaScript+jQuery)

    在本教程中,我们将深入探讨Web前端开发的基础知识,涵盖了HTML、CSS、JavaScript以及jQuery这四个核心技术。这些技术是构建交互式、响应式的现代网页所必不可少的。 **HTML(超文本标记语言)** HTML是网页内容的...

    JavaScript构建Web和ArcGIS Server应用实战书籍配套代码

    JavaScript构建Web和ArcGIS Server应用实战书籍配套代码涵盖了利用JavaScript这一强大的前端脚本语言与ArcGIS Server进行交互,创建高效、交互性强的地理信息系统(GIS)应用的核心技术。本资源包含了一系列示例代码...

    Web点餐系统(前端开发)

    "js"目录则包含JavaScript代码,可能有main.js作为主脚本,以及可能的jQuery插件或自定义函数。"html"目录下则是各个页面的HTML文件,如首页、菜单页、订单确认页等。 总的来说,这个Web点餐系统利用了现代Web技术...

    Web前端网页设计作业-个人网页(html+css+javascript)

    在本项目中,"Web前端网页设计作业-个人网页(html+css+javascript)"是一个适合初学者的实践项目,旨在帮助学习者掌握Web前端开发的基本技能。这个项目包含了多个页面,如个人主页、个人博客、轮播相册、魔方相册、...

    web前端学生信息管理系统源码.zip

    在现代信息技术领域,Web前端开发是构建互联网应用程序的重要环节,尤其在教育行业中,学生信息管理系统的构建对于优化教育资源分配、提高工作效率具有重大意义。本文将深入探讨“web前端学生信息管理系统源码.zip”...

    Web前端开发实训项目源代码

    【Web前端开发实训项目源代码】是一个以Bootstrap框架为基础的实训项目,主要目的是为了帮助学习者掌握Web前端开发的关键技术和实践经验。在这个项目中,开发者利用Bootstrap的灵活性和响应式设计特性,构建了一个...

    单页Web应用:JavaScript从前端到后端 源代码

    9. **性能优化**:由于SPA一次性加载大量JavaScript代码,需要关注首屏加载时间和资源优化,如代码分割、懒加载、HTTP/2等。 10. **测试与调试**:对于SPA,单元测试、集成测试和端到端测试都是必不可少的。工具如...

    web前端html+css+js实现学生信息管理系统

    总结来说,这个学生信息管理系统利用了web前端的三大核心技术——HTML、CSS和JavaScript,创建了一个能够展示和管理学生信息的交互式平台。它展示了web开发的基本流程,包括页面结构设计、样式定义和动态功能实现,...

    web前端开发音乐播放器网页代码

    在本项目中,"web前端开发音乐播放器网页代码",我们主要会探讨以下几个关键知识点: 1. **HTML结构**: 音乐播放器的HTML结构通常包括播放/暂停按钮、进度条、音量控制、歌曲列表、封面图片和播放时间等元素。...

    单页Web应用:JavaScript前端到后端 源代码

    本资源包含的"单页Web应用:JavaScript前端到后端 源码"是对此技术的全面实践,适合JavaScript开发者和前端工程师学习和研究。 一、JavaScript在SPA中的核心作用 JavaScript是构建SPA的基础,它负责处理页面的动态...

    web游戏-web开源网页游戏代码(仅供学习使用)

    学习这个开源项目,你可以深入了解如何使用HTML5、CSS和JavaScript构建Web游戏,包括: - 如何用HTML5创建游戏的基本框架。 - 如何利用CSS3实现2D动画和特效。 - 如何通过JavaScript编写游戏逻辑,处理用户输入和...

    web_javaweb前端模版_javascript_web前端模板_css_web登录_

    JavaScript是Web前端的核心语言,用于实现页面的动态效果和用户交互。在这个模板中,JavaScript可能被用来处理表单验证、异步数据加载(AJAX)、页面路由等功能,提升用户体验。同时,JavaScript也可以与后端的Java...

    企业网站前端代码

    【企业网站前端代码】是指构建企业官方网站所使用的前端开发资源,这部分内容主要涉及网页的视觉设计、用户体验和交互效果。前端开发是互联网产品的重要组成部分,它决定了用户在浏览器端看到和交互的内容。在这个...

Global site tag (gtag.js) - Google Analytics