电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 使用 MEAN 和 UGLI CRUD 实现响应式 Web 设计（3） [打印本页]

作者: look_w 时间: 2018-11-13 18:32 标题: 使用 MEAN 和 UGLI CRUD 实现响应式 Web 设计（3）

基础 CRUDMeetup.com 可以帮助我很好地管理用户组活动。但是，在某个活动结束后，就时间方面而言，该活动的重要性不如当天晚上的谈话。
换句话说，这个网站的一个用户用例就是：“下次会议要讨论什么？”Meetup.com 可以很好地满足这种用户用例。
第二个用户用例（“向我显示与 MEAN 堆栈有关的所有谈话，不管是什么时候发生的” ）正是我准备通过 UGLI 应用程序解决的用例。要实现这个用例，必须围绕一个新的名为 Talk 的模型对象创建一个 CRUD 基础架构。幸运的是，可以使用一个 Yeoman 生成器来实现这个基础架构。
在应用程序的根目录，输入 yo meanjs:crud-module talks。响应提示：

选择所有四个补充文件夹（css、img、directives 和 filters）。
回答 Yes，将 CRUD 模块链接添加到菜单。
当生成器询问要使用哪个菜单时，接受默认设置（topbar）。

清单 6 显示了交互式命令行序列。
清单 6. 使用 Yeoman 生成器生成一个新的 CRUD 模块

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

$ yo meanjs:crud-module talks
[?] Which supplemental folders would you like to include in your angular module?
css, img, directives, filters
[?] Would you like to add the CRUD module links to a menu? Yes
[?] What is your menu identifier? topbar
create app/controllers/talks.server.controller.js
create app/models/talk.server.model.js
create app/routes/talks.server.routes.js
create app/tests/talk.server.model.test.js
create public/modules/talks/config/talks.client.routes.js
create public/modules/talks/controllers/talks.client.controller.js
create public/modules/talks/services/talks.client.service.js
create public/modules/talks/tests/talks.client.controller.test.js
create public/modules/talks/config/talks.client.config.js
create public/modules/talks/views/create-talk.client.view.html
create public/modules/talks/views/edit-talk.client.view.html
create public/modules/talks/views/list-talks.client.view.html
create public/modules/talks/views/view-talk.client.view.html
create public/modules/talks/talks.client.module.js

在清单 6 中，请注意，生成器创建了服务器端基础架构（保存在 app 目录中）：路由、一个控制器、一个模型和一个单元测试。它还在             public/modules/talks 目录下构建了所有客户端工件。
您稍后将向 Talk 对象添加一些自定义字段。在此之前，在浏览器中访问网站，查看默认情况下会得到哪些内容。
单击右上角的 Signin 链接，输入本系列早些时候创建的用户名和密码，或者单击                   Signup 并创建一组新的凭证。
完成登录后，可以在左上角看到一个 Talks 菜单。从菜单中选择 New Talk             打开一个 HTML 表单，其中提供了一个独立的 Name 字段，如图 5 所示。
图 5.  自定义之前的 New Talk 表单

这是一个良好的开端，但是要捕捉 Talk 的所有属性，您需要的不仅仅是一个简单文本。

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)