第十四週將展示的HTML與程式邏輯分開以精簡程式

在課堂中提供兩種應用程式介面(還有其他類型的應用程式介面), 第一種包括有新增, 查詢, 第一筆, 下一筆, 上一筆, 最末筆, 刪除. 更新等, 其中的網頁顯示部份一直重複, 如果要修改時要一一修改, 除了維護不易之外, 也使程式變得很長. 第二種介面將網頁的頁面與程式邏輯分開撰寫, 使得程式精簡許多. 請將前一種介面的寫法改成第二種介面的寫法, 再比較兩種寫法的差異