-
Notifications
You must be signed in to change notification settings - Fork 42
/
Copy path20180718-7-pm-6.html
200 lines (168 loc) · 9.62 KB
/
20180718-7-pm-6.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<!-- saved from url=(0060)https://ptteng.github.io/PPT/PPT/JS-11-Mini-Program.html#/13 -->
<html xmlns="http://www.w3.org/1999/html" class=" js no-mobile desktop no-ie chrome chrome65 ppt-section ppt-section gradient rgba opacity textshadow multiplebgs boxshadow borderimage borderradius cssreflections csstransforms csstransitions no-touch no-retina fontface domloaded w-1366 gt-240 gt-320 gt-480 gt-640 gt-768 gt-800 gt-1024 gt-1280 lt-1440 lt-1680 lt-1920 no-portrait landscape" id="js-11-mini-program-page"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>浅谈后台管理系统</title>
<link rel="stylesheet" href="./css/reveal/reveal.css">
<!-- PPT主题，可以在/css/reveal/theme/中选择其他主题，目前暂时只能使用该模板 -->
<link rel="stylesheet" href="./css/reveal/theme/ptt.css">
<!-- syntax highlighting 代码高亮主题 -->
<link rel="stylesheet" href="./lib/reveal/css/zenburn.css"
<!-- 打印和PDF输出样式 -->
<script>
var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match(/print-pdf/gi) ? './css/reveal/print/pdf.css' : '../css/reveal/print/paper.css';
document.getElementsByTagName('head')[0].appendChild(link);
</script>
</head>
<body>
<map name="pttmap">
<area shape="rect" coords="0,0,276,58" href="http://www.jnshu.com/" alt="" target="_blank">
</map>
<div class="reveal slide center" role="application" data-transition-speed="default" data-background-transition="fade">
<div class="slides" style="width: 960px; height: 700px; left: 50%; top: 50%; bottom: auto; right: auto; transform: translate(-50%, -50%) scale(0.756);">
<section style="top: 178.5px; display: none;" class="past" hidden="" aria-hidden="true">
<h2>【task6】浅谈后台管理系统</h2>
</section>
<section style="top: 3px; display: none;" class="past" hidden="" aria-hidden="true">
<p>目录</p>
<p>一、后台是什么</p>
<p>二、模块管理</p>
<p>三、角色管理</p>
<p>四、账号管理</p>
<p>五、密码管理</p>
</section>
<section style="top: 0px; display: none;" class="stack past" data-previous-indexv="0" hidden="" aria-hidden="true">
<section style="top: 267px; display: none;" class="" aria-hidden="true">
<h3>一、后台是什么</h3>
</section>
<section class="future" aria-hidden="true" style="top: 129px; display: none;" hidden="">
<p style="text-align: left;text-indent: 2cm">
后台不是某个独立系统，是多个模块的组合，并且之间还有信息交互。所以后台对于PM要求一般较高
后台是用来数据维护的，后台需要一个管理模块来对后台的权限、角色、密码和模块进行管理，如何设计这个模块是我们要学习的。
对于有经验的PM来说，当前台提出需求时，第一时间并不是去画原型、设计功能、而是分析要实现需求涉及哪些模块，需要协调哪些子系统对接。所以PM一定是对产品整体架构比较清楚，能从系统整体角度考虑功能合理性，在平台层面为未来可能的业务发展进行规划和涉及。
</p>
</section>
</section>
<section style="top: 0px; display: none;" class="stack past" data-previous-indexv="0" hidden="" aria-hidden="true">
<section style="top: 267px; display: none;" class="" aria-hidden="true">
<h3>二、模块管理</h3>
</section>
<section class="future" aria-hidden="true" style="top: 38.5px; display: none;" hidden="">
</section>
<!-- <section style="text-align: left; top: 21.5px; display: none;" class="future" aria-hidden="true" hidden="">
<p style="text-align:left">
用户故事包含：
</p>
<p>
1.一份书面的故事描述
</p>
<p style="text-align:left">
2.有关故事的对话，用于细化细节
</p>
<p style="text-align:left">
3.测试，用于确定故事何时完成
</p>
</section>-->
</section>
<section style="top: 267px; display: none;" class="past" hidden="" aria-hidden="true">
<section style="top: 267px; display: none;" class="" aria-hidden="true">
<h3>三、角色管理</h3>
</section>
<!--<section style="top: 267px; display: none;" class="" aria-hidden="true">
<h4>INVEST原则</h4>
</section>
<section style="top: 267px; display: none;" class="" aria-hidden="true">
<h4>独立的、可讨论的、对用户或客户有价值的、可估计的、小的</h4>
</section>-->
</section>
<section style="top: 267px; display: none;" class="past" hidden="" aria-hidden="true">
<section style="top: 267px; display: none;" class="" aria-hidden="true">
<h3>四、账号管理</h3>
</section>
<section style="top: 267px; display: none;" class="" aria-hidden="true">
</section>
</section>
<section style="top: 0px; display: none;" class="stack past" data-previous-indexv="0" hidden="" aria-hidden="true">
<section style="top: 267px; display: none;" class="" aria-hidden="true">
<h3>五、密码管理</h3>
</section>
<section class="future" aria-hidden="true" style="top: 129px; display: none;" hidden="">
</section>
<!-- </section>
<section style="top: 267px; display: none;" class="past" hidden="" aria-hidden="true">
<h3>5.编码实战</h3>
</section>
<section style="text-align: left; top: 178px; display: block;" class="past" hidden="" aria-hidden="true">
<section style="top: 267px; display: none;" class="" aria-hidden="true">
<h3 style="text-align: center">6.扩展思考</h3>
</section>
<section style="top: 267px; display: none;" class="" aria-hidden="true">
<h4>如何解除解除事件绑定？</h4>
</section>
<section style="top: 267px; display: none;" class="" aria-hidden="true">
<h4>冒泡还是捕获？</h4>
</section>
<section style="top: 267px; display: none;" class="" aria-hidden="true">
<h4>事件代理（事件委托）的原理及优缺点</h4>
</section>
</section>
<section style="top: 267px; display: block;" class="past" hidden="" aria-hidden="true">
<h3>7.参考文献</h3>
<p style="text-align: left">参考一：
<a href="https://www.cnblogs.com/liugang-vip/p/5616484.html">
事件委托
</a>
</p>
<p style="text-align: left">参考二：
<a href="http://www.cnblogs.com/Chen-XiaoJun/p/6210987.html"> 事件冒泡、事件捕获和事件委托
</a>
</p>
<p style="text-align: left">参考三：
<a href="https://blog.csdn.net/wxl1555/article/details/53128966">
阻止事件冒泡，阻止默认事件
</a>
</p>
</section>
<section style="text-align: left; top: 66px; display: block;" hidden="" aria-hidden="true" class="future">
<h3 style="text-align: center">8.更多讨论</h3>
</section>
-->
<section style="top: 245.5px; display: block;" hidden="" aria-hidden="true" class="future">
<h4>感谢观看</h4>
<p>
<small>BY :李晓斐</small>
</p>
</section>
</div>
</div>
<script src="./lib/reveal/js/head.min.js"></script>
<script src="./lib/reveal/reveal.js"></script>
<script>
// 以下为常见配置属性的默认值
// {
// controls: true, // 是否在右下角展示控制条
// progress: true, // 是否显示演示的进度条
// slideNumber: false, // 是否显示当前幻灯片的页数编号，也可以使用代码slideNumber: 'c / t' ，表示当前页/总页数。
// history: false, // 是否将每个幻灯片改变加入到浏览器的历史记录中去
// keyboard: true, // 是否启用键盘快捷键来导航
// overview: true, // 是否启用幻灯片的概览模式，可使用"Esc"或"o"键来切换概览模式
// center: true, // 是否将幻灯片垂直居中
// touch: true, // 是否在触屏设备上启用触
Reveal.initialize({
history: true,
dependencies: [
{src: './plugin/markdown/marked.js'},
{src: './plugin/markdown/markdown.js'},
{src: './plugin/notes/notes.js', async: true},
{
src: './plugin/highlight/highlight.js', async: true, callback: function () {
hljs.initHighlightingOnLoad();
}
}
]
});
</script>
</body></html>