9、电影租赁系统开发：从用户面板到 GraphQL 集成

电影租赁系统开发：从用户面板到 GraphQL 集成

1. 客户仪表盘开发

1.1 页面搭建

在画布编辑器上拖动小部件，创建一个类似示例的页面。此时小部件不显示数据也没关系，后续会让数据显示出来。

1.2 数据获取

1.2.1 获取当前登录用户姓名

使用 Appsmith 的 store 对象读取浏览器 localStorage 中保存的客户详细信息。将以下代码绑定到欢迎用户的文本小部件上：

Welcome {
  
  {appsmith.store.customer.first_name}}!

1.2.2 获取当前租赁的电影

创建一个新查询 Get_Customer_Rented_Movies ，代码如下：

SELECT
  i.inventory_id AS 'ID',
  f.title AS 'Name',
  f.release_year AS 'Release Year',
  f.rental_rate AS 'Rental Rate'
FROM
  rental r
  JOIN inventory i ON r.inventory_id = i.inventory_id
  JOIN film f ON i.film_id = f.film_id
WHERE
  customer_id = {
  
  {appsmith.store.c