龙空技术网

产品原型需求管理系统

人人都是产品经理 6200

前言:

现在小伙伴们对“js获取路径中的参数”大约比较珍视,你们都想要剖析一些“js获取路径中的参数”的相关知识。那么小编也在网上收集了一些有关“js获取路径中的参数””的相关资讯,希望我们能喜欢,姐妹们一起来了解一下吧!

本文作者将与大家分享产品原型需求管理系统的内容,enjoy~

为什么要做这个东西?几个原因:

现有的worktile、leango等项目管理协作类工具,存放原型文档过于麻烦,产品、技术在寻找某些需求时,无法快速查找在早之前分享过一篇文章《如何利用局域网实现产品需求目录管理?》文章主要介绍如何用RP文件当全需求目录管理后台,用中继器作数据库表,对局域网的需求目录进行管理。这个方式也不太方便,要增加一个需求,需要在一个小小的中继器表中增加内容,比较辛苦

设计原理

因为用Axure导出来的原型文件,该原型设计工具只考虑到页面展示,并没有考虑到数据存储这一块,Axure的数据存储全部存到js文件中。但Axure中有一个可以把数据传递到外部的地方:打开链接、在框架中打开链接。而技术原理中,有一个URL传参方法,下面是原型介绍:

在Axure原型中设置个全局变量,在另外一个页面使用该变量并进行赋值时,会发现,该原型工具本身也是通过URL来传递参数,如上图的:#text10=666。其中text10就是我定义的一个全局变量

所以整个产品需求目录管理系统设计的核心原理就是:URL传参+php脚本读参数+php写入本地文件。读数据核心:php读取本地文件+赋值给参数+打开指定文件并附带参数,如:index.html#canshu=666

下面是php脚本介绍:

这个文件(canshu.php)已经写得很明白了,打开本地的db.txt(类型于数据库,只不过是简单的数据库),然后读取链接参数,原型Axure将几个控件的内容按一定规则拼接好,赋值给一个全局变量,然后再到一个内部框架打开canshu.php,并带上参数,如下图的【打开./canshu.php?[[canshu]],canshu.php文件,通过$_SERVER函数就会读取到链接的参数,然后把该参数内容读取下来,并赋值给$urlcan,然后就拿该参数写入db.txt

然后有同学问了,怎么读?读用逆向思维即可:利用一个php脚本读取txt的内容,并赋值给canshu,然后打开index.html#canshu=xxx,如此下来,你的原型文件就能获取到txt的内容并赋值给了原型中的全局变量了。

以下是系统介绍:

产品原型目录地址产品原型目录后台管理

特别注意的是:【URL】。URL是你本地原型的相对路径地址,比如你用本地局域网搭建,假如你的ip是:,并且你创建了1.5.1的文件夹,里面放了需求1的原型地址,所以它的相对路径就是1.5.1/index.html,当到产品原型目录点击时,就会直接跳转至

【分类】分类会在产品原型目录地址首页显示标识,如下图:

【排期设置】排期设置就是首页的1.5.1、1.5.2、1.5.2这些排期,当然可以命名其它,但是注意的是,修改排期命名时,需求管理列表中的排期也需要跟这些命名一致,否则会筛选不出这些需求

使用这个需求管理系统,需要准备以下内容:

可以先查阅一下之前分享的文章之前分享过一篇局域网分享axure原型的文章:《【win+mac】用局域网内部分享Axure原型,这里有详细的步骤》、如何利用局域网实现产品需求目录管理?该系统可以搭建在本地局域网,但是局域网需要配置一下PHP环境,因为需要运行php文件。如果你是自己买了服务器,或者上传到了公司服务器,那也需要配置下php环境,这个具体可以让技术帮你搭建了解一下SVN文档管理工具,使用了该工具,可以在本地简历需求目录架构,并上传到服务器:

可以在本地管理需求目录,并提交至服务器(有中文语言包)

使用了SVN演示

写在最后

没有不可能,活学活用。

源码的逻辑就不码出来了,但是你如果要研究,可以自行研究。

本文由 @jeasionlee 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自 Pixabay,基于 CC0 协议

标签: #js获取路径中的参数