用于前端的项目开发方法及系统.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN105893014A(43)申请公布日2016.08.24(21)申请号201510896911.1(22)申请日2015.12.08(71)申请人乐视云计算有限公司地址100081北京市海淀区中关村南大街5号1区689号楼1153(72)发明人王文杰(74)专利代理机构北京商专永信知识产权代理事务所(普通合伙)11400代理人方挺黄谦(51)Int.Cl.G06F9/44(2006.01)权利要求书1页说明书21页附图4页(54)发明名称用于前端的项目开发方法及系统(57)摘要本发明实施例提供了一种用于前端的项目开发方法及系统。其中，所述方法包括：建立网络服务和应用的运行平台；在所述运行平台上配置前端用户界面框架；为所述用户界面框架设置功能组件；为所述功能组件提供任务执行的工具集；将项目开发所需的至少部分数据导入所述前端用户界面框架，利用所述工具集对所述功能组件进行实时编译，生成前端页面。本实施方式可以将开发工具与开发项目进行分离，待首次配置成功后，就可以支持多项目灵活快速开发；通过部分数据就可以生成前端页面，而无需后端支持；通过实时编译刷新页面有效避免了待整体项目编写结束后再编译的错误过多的问题，以及避免了页面缓存带来的占用存储空间和影响数据运算速度的问题。CN105893014ACN105893014A权利要求书1/1页1.一种用于前端的项目开发方法，包括：建立网络服务和应用的运行平台；在所述运行平台上配置前端用户界面框架；为所述用户界面框架设置功能组件；为所述功能组件提供任务执行的工具集；将项目开发所需的至少部分数据导入所述前端用户界面框架，利用所述工具集对所述功能组件进行实时编译，生成前端页面。2.根据权利要求1所述的方法，其中，所述运行平台为Node.js平台、所述工具集为Gulp工具集。3.根据权利要求1所述的方法，其中，在建立网络服务和应用的运行平台前：根据各个网络服务和应用的运行平台、各个用户界面框架、各个工具集的兼容性确定待选择的所述运行平台、所述用户界面框架、所述工具集。4.根据权利要求3所述的方法，其中，利用git版本控制系统确定版本适配的待选择的所述运行平台、所述用户界面框架、所述工具集。5.根据权利要求1-4中任一项所述的方法，所述用户界面框架包括多个CSS组件、多个JS组件和多个包含不同主题的Web组件。6.一种用于前端的项目开发系统，包括：建立平台单元，用于建立网络服务和应用的运行平台；配置框架单元，用于在所述运行平台上配置前端用户界面框架；设置组件单元，用于为所述用户界面框架设置功能组件；设置工具单元，用于为所述功能组件提供任务执行的工具集；生成页面单元，用于将项目开发所需的至少部分数据导入所述前端用户界面框架，利用所述工具集对所述功能组件进行实时编译，生成前端页面。7.根据权利要求6所述的系统，其中，所述运行平台为Node.js平台、所述工具集为Gulp工具集。8.根据权利要求6所述的系统，还包括：兼容控制单元，用于为根据各个网络服务和应用的运行平台、各个用户界面框架、各个工具集的兼容性确定待选择的所述运行平台、所述用户界面框架、所述工具集。9.根据权利要求8所述的系统，其中，所述兼容控制单元包括git版本控制系统，所述git版本控制系统用于确定版本适配的待选择的所述运行平台、所述用户界面框架、所述工具集。10.根据权利要求6-9中任一项所述的系统，所述用户界面框架包括多个CSS组件、多个JS组件和多个包含不同主题的Web组件。2CN105893014A说明书1/21页用于前端的项目开发方法及系统技术领域[0001]本发明实施例涉及项目开发技术领域，尤其涉及一种用于前端的项目开发方法及系统。背景技术[0002]前端页面存在多种代码类型，可以包括HTML(HypertextMarkupLanguage，超文本标记语言)、JS(JavaScript，网络脚本语言)、CSS(CascadingStyleSheet，级联样式表)等代码类型。由于用于前端的项目的开发工作量较大，所以前端页面的开发人员编写的代码质量较差，从而影响后期的代码的测试效率。为了提高代码质量，可以由前端页面的开发人员先对前端页面进行自测试。目前，前端页面的自测试过程主要面临以下问题：[0003]问题一、每启动一个新的前端的项目都要重新编写所有的代码，代码的重复开发性高，造成不必要的人力财力的浪费，并且项目开发效率低。有人试图利用国外的框架进行前端项目的开发，然而，那些框架不关注中文的字体和中文排版，与国内的主流浏览器不兼容，文件也会依赖冲突，产出的项目的质量不佳，且适用性不广，因此开发人员不使用此种方法。[0004]问题二、在开发前端页面之前，前端页面