0

0

产品规范开发流程

伊谢尔伦

伊谢尔伦

发布时间:2016-12-01 10:36:15

|

1049人浏览过

|

来源于php中文网

原创

开发准备

了解产品和设计

参加需求、交互、视觉会议,了解产品设计和项目成员。

了解产品面向的设备和平台。

了解产品对兼容性的要求以及是否采用响应式设计等。

了解产品要使用的技术(WEB技术、桌面技术、APP技术、模板语言、混合模式等)。

提出疑问和见解

在交互或视觉会议中结合技术要求,提出疑问和见解。

提出可能存在的问题(技术实现问题、性能问题等),协商解决方案(如优雅退化)并达成共识。

提出已有新技术可能在产品中的应用场景,协助产品创新。

技术调研和培训

是否需要技术调研,提出可能存在的风险。

进行技术调研,产出技术demo,展示demo,反馈调研结果。

技术调研的内容可以先咨询经验丰富的前端工程师或前端技术组。

经验不足或新入职员工,可提出培训申请。

你可以把难以解决的技术问题提交给NEC,NEC将帮助你解决问题。

了解NEC,特别是代码规范和技术demo。

预算人力和时间

根据项目时间要求及工作量,预算人力和时间。

预算开发周期和阶段性产出。

提醒需求方在项目管理平台中创建项目并加入项目成员,创建SVN并设置成员权限。

开发过程

职责任务

确定一个页面工程师负责人,他将负责对整个页面开发工作做统筹规划、分配协调等管理工作和主开发职责。

确认交互原型或视觉效果已经定稿,再开始开发工作。

如果采取并行模式(视觉设计和页面开发同时进行),则以交互原型定稿为准(当视觉效果定稿后,页面工程师再补充细节),开始分配。

按页面类型分配,同一类型页面分配给同一个人。

每个人都要了解页面公共元素(多个页面中相同或相似部分),一个公共元素只分配到一个人,每人完成自身页面的同时完成“提取剥离”,你可能需要了解“分类方法规范”。

由于图片无法使用SVN合并和解决冲突,切图需要统筹分配。

在项目管理平台中创建细分的开发任务,填写任务详情和时间,如果任务间存在关系,则设置好关联或从属关系。

页面开发

创建前端目录,包含“页面开发”目录(如:js、css、html、img)及“提取剥离”目录(如:demo)。

使用NEC框架创建前端文件,如:css/*.css、html/*.html、demo/grid.html、demo/module.html、demo/unit.html。

商城购物系统
商城购物系统

商城购物系统是一个以php+MySQL进行开发的可塑性极强的电子商品平台;商城购物系统可自定义商品栏目内容,包含分销功能,分销管理、分销订单提成完整功能,商品加购物车、商品支付、商品发货等一系列流程,包括pc端和手机H5端。

下载

使用NEC代码库和插件,高效开发页面。

和交互、视觉及其他前端工程师或后端工程师保持良好的沟通。

及时反馈问题和建议:对效果疑问的确认、对状态缺失的补充、对优雅退化的建议、对行为结构的说明等等。

如果采取并行模式(页面开发和JS开发同时进行),则以交互原型定稿为准,JS开发工程师可并行开发业务逻辑层,当页面开发完成后再嵌入UI层。

提取剥离

页面开发的同时提取布局(grid)、模块(module)、元件(unit)至对应的HTML文件。

避免重复劳动,对页面元素一目了然,在增加元素时首先来此目录查找是否已经实现或有相似实现而只需扩展。

“提取剥离”目录中的HTML文件和“页面开发”目录中的HTML文件需保持同步维护。

开发产出

自测联调

更新、合并、解决冲突、提交。

对自己的代码进行全面的多设备测试和兼容性测试。

如果自测过程中发现别人写的代码有问题,及时反馈。

提交验收

当有阶段性产出后,页面工程师将页面提交给设计师,进行效果验收。

效果验收将主要检查视觉效果符合度(尺寸、位置、颜色、切图等)。

如有必要,可以同时提交给经验丰富的前端工程师或前端技术组,进行代码验收。

代码验收将主要检查兼容性、HTML规范和CSS规范。

交接说明

当完成验收后,通知并交给后续的开发工程师,进行模板层开发和行为逻辑开发,页面工程师需要交代可能需要他们注意的地方或者对代码的解释说明。

如果你的工作需要与别人交接,也需要交代清楚整体架构部署和代码解释。

总结分享

分享内容可以包含:架构思想、协作心得、使用NEC体会、设备特性介绍、新技术应用、调研展示、遇到的问题和解决方案等。

分享对象不限于:交互、视觉、前端及所有感兴趣的人。

你可以把总结中的技术demo提交给NEC,我们会发布到代码库,以帮助你积累这些技术并分享给别人。

变更维护

如果未经过需求变更和设计变更,原则上不允许直接进行开发变更。

变更前应了解变更原因,变更后应该及时通知后续开发工程师。

如果静态资源的版本号不是自动完成更新,你可能需要手动更新版本号。

变更和维护使用本规范中所有流程,即你可能需要重复之前部分流程。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
C++ 设计模式与软件架构
C++ 设计模式与软件架构

本专题深入讲解 C++ 中的常见设计模式与架构优化,包括单例模式、工厂模式、观察者模式、策略模式、命令模式等,结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析,帮助开发者掌握 如何运用设计模式构建高质量的软件架构,提升系统的灵活性与可扩展性。

14

2026.01.30

c++ 字符串格式化
c++ 字符串格式化

本专题整合了c++字符串格式化用法、输出技巧、实践等等内容,阅读专题下面的文章了解更多详细内容。

9

2026.01.30

java 字符串格式化
java 字符串格式化

本专题整合了java如何进行字符串格式化相关教程、使用解析、方法详解等等内容。阅读专题下面的文章了解更多详细教程。

12

2026.01.30

python 字符串格式化
python 字符串格式化

本专题整合了python字符串格式化教程、实践、方法、进阶等等相关内容,阅读专题下面的文章了解更多详细操作。

4

2026.01.30

java入门学习合集
java入门学习合集

本专题整合了java入门学习指南、初学者项目实战、入门到精通等等内容,阅读专题下面的文章了解更多详细学习方法。

20

2026.01.29

java配置环境变量教程合集
java配置环境变量教程合集

本专题整合了java配置环境变量设置、步骤、安装jdk、避免冲突等等相关内容,阅读专题下面的文章了解更多详细操作。

18

2026.01.29

java成品学习网站推荐大全
java成品学习网站推荐大全

本专题整合了java成品网站、在线成品网站源码、源码入口等等相关内容,阅读专题下面的文章了解更多详细推荐内容。

19

2026.01.29

Java字符串处理使用教程合集
Java字符串处理使用教程合集

本专题整合了Java字符串截取、处理、使用、实战等等教程内容,阅读专题下面的文章了解详细操作教程。

3

2026.01.29

Java空对象相关教程合集
Java空对象相关教程合集

本专题整合了Java空对象相关教程,阅读专题下面的文章了解更多详细内容。

6

2026.01.29

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
【李炎恢】ThinkPHP8.x 后端框架课程
【李炎恢】ThinkPHP8.x 后端框架课程

共50课时 | 4.5万人学习

AI绘画教程
AI绘画教程

共2课时 | 0.2万人学习

Django DRF 源码解析
Django DRF 源码解析

共21课时 | 1.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号