JianghuJS

案例：制作点菜页面

制作点菜页面

  • 使用菜单（menu）、顾客（customer）、订单（order）三张表，写一个点菜的页面

本课重点概念

  • 写程序，其实就是用页面的操作，实现了对数据库进行增删改查的SQL语句。
  • 开发所有的应用程序，最重要的就是要把数据准备好，理解数据结构至关重要。
  • 江湖JS提供了一系列项目模板，可以通过jianghu-init命令，自动生成项目。参见江湖脚手架。
  • 虽然代码可以自动生成，但我们最需要学习的，就是如何看懂自动生成的代码。

学习资源

点击这里下载本课的示范代码。

这一课的代码中，用到的Vuetify组件：

改进页面

  • 总结高级培训，回顾学习内容
  • 改进点菜页面的案例

学习方法

常常抽象、总结、归纳、整理，是一个学习的人的最基本的特点。

做事要有规矩，要总结规律

课程回顾

在IT高级培训中，有几个关键概念：

基础概念：

  • npm install: 安装需要的库
  • npm run dev: 把东西跑起来
  • 网页：应用程序

重要概念：

  • jianghu-init：自动产生一系列的代码和数据库
  • 数据表：
    • _page：页面
    • _resource：接口协议
    • _user：用户
    • _user_group_role，_user_group_role_page，_user_group_role_resource：配置用户权限

总结：使用jianghu-init命令生成基本代码和数据库后，只要在数据库里做好配置，后端的功能就全都好了。

学习江湖JS，就是学习了一套“江湖规矩”。

案例：改进点菜订单页面的功能

  • 在页面上加入自动获取顾客列表和菜单列表的功能
  • 调整顾客列表和菜单列表的位置
  • 在菜单列表里使用插槽和img标签，为每个菜品加入图片

学习资源

点击这里下载本课的示范代码。

这一课中用到的网页资料：