使用 MEAN 和 UGLI CRUD 实现响应式 Web 设计（3）

look_w

基础 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 的所有属性，您需要的不仅仅是一个简单文本。