技術 Ruby gem “nested_form” 一次增加多筆資料

今天要分享的是一次多筆增加model資料的方法，使用Ryan Bates的gem “nested_form”，適用的情況例如： 購物網站的商家，要為商品一次增...

nkj20932 ‧ 2014-10-21

技術 Angular 深入淺出三十天：表單與測試 Day19 - 與 Cypress 的初次見面（下）

昨天跟大家初步地分享了 Cypress 怎麼安裝、 Cypress 的資料夾結構 、 Cypress Test Runner 有哪些功能、和 Cypress...

Leo ‧ 2021-10-04 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day28 - 自訂表單元件

經過了這段時間的練習與學習，相信大家應該越來越能體會 Angular 表單的強大與便利。 不過既然 Angular 表單這麼好用，如果能讓自己做的 Compo...

Leo ‧ 2021-10-13 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day06 - 單元測試實作 - 登入系統 by Template Driven Forms

今天我們要來為我們用 Template Driven Forms 所撰寫的登入系統寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第二天的文章： Temp...

Leo ‧ 2021-09-21 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day10 - Template Driven Forms 實作 - 動態表單初體驗

今天要來用 Template Driven Forms 的方式實作一個很簡易的動態表單，使用上有點像是保險業者的系統，可以新增多名被保人，也可以編輯與刪除被保...

Leo ‧ 2021-09-25 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day05 - 如何寫出優秀的測試？

昨天介紹了開始撰寫測試之前必須要知道的二三事之後，想必大家已經對如何開始撰寫測試有了一些概念，但測試不是「有拜有保佑」，有寫就好。所以我們除了要知道如何開始撰...

Leo ‧ 2021-09-20 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day07 - 整合測試實作 - 登入系統 by Template Driven Forms

昨天幫我們用 Template Driven Forms 所撰寫的登入系統寫完單元測試之後，今天則是要來為它寫整合測試。 大家還記得整合測試的目標是要測什麼嗎...

Leo ‧ 2021-09-22 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day14 - 單元測試實作 - 被保人 by Reactive Forms

今天我們要來為我們用 Reactive Forms 所撰寫的被保人表單寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第十一天的文章： Reactive...

Leo ‧ 2021-09-29 ‧團隊請支援 Coding

技術 [vee-validate] 組件間同步驗證

--- 本文開始 ---最近在設計時，因為一個 Vue 檔的template 有太多的 form ，都擠在同一個 vue 檔中，想說之後應該很難管理。所以就開...

技術 Angular 深入淺出三十天：表單與測試 Day22 - 把 Cypress 變成 TypeScript 版

平常都用慣 TypeScript 版的 Cypress，但這兩天都用 JavaScript 在寫測試，令我有點不太習慣。 雖然 JS 版或 TS 版的差別並沒...

Leo ‧ 2021-10-07 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day08 - 單元測試實作 - 登入系統 by Reactive Forms

今天我們要來為我們用 Reactive Forms 所撰寫的登入系統寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第三天的文章： Reactive Fo...

Leo ‧ 2021-09-23 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day21 - E2E 測試實作 - 被保人表單

大家如果對於昨天的 E2E 測試如果沒有什麼問題的話，今天就來為我們的被保人表單撰寫 E2E 測試吧！ 實作開始 撰寫測試前的準備昨天有說過了，今天就不再贅...

Leo ‧ 2021-10-06 ‧團隊請支援 Coding

技術 Day24. form_tag 與 simple_form_for 的用法 - 表單 part2

前一天，我們使用了simple_form_for提到了新增表單寫法，而今天要講一個上傳情境。這個上傳想要做的事情在特殊新增頁籤中新增或更新id=1,2,3,4的...

漢漢老師 ‧ 2021-09-24

技術 用HTML與CSS製作出「下拉選單」！

input原本的下拉選單太過擁擠，想製作出好看的下拉選單可以參考這邊呦～ HTML 先製作選單input值，讓input內文字能夠顯示出所選選項。 <di...

Alice CH ‧ 2022-09-17

技術 [DAY 29] Q&A 諮詢系統 - 程式開發（Forms）

最後來到了回覆問題的頁面啦長得不是很好看，但還沒想到怎麼修改它 (´◓Д◔`)歡迎大家提供意見！ 功能介紹 點選回覆當列的資料會被拉進左半邊，然後系統管理員在右...

小葵 ‧ 2020-10-12

技術 [DAY 15] React 表單處理，更新資料及儲存表單

［情境任務］ 解師傅：我們的餐廳生意越來越好了，為了不讓客人排隊，我想客製一個點餐機～ 小當家：啥？這是什麼玩意？ 解師傅：直接在點餐機上選擇餐點跟輸入客人的資...

Lala Code ‧ 2022-09-30

技術 Angular 深入淺出三十天：表單與測試 Day20 - E2E 測試實作 - 登入系統

經過這兩天的介紹，相信大家對於 Cypress 應該已經有了一定程度的理解，有沒有人已經開始用它來寫測試了呢？ 今天就讓我帶著大家用 Cypress 來為我們...

Leo ‧ 2021-10-05 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day25 - 測試進階技巧 - DI 抽換

好一陣子沒寫單元測試與整合測試了，大家是否覺得有些生疏了呢？ 之前的測試都寫得很簡單，正好昨天好好地寫了搜尋輸入框還有呼叫 API ，可以藉由撰寫這個功能的測...

Leo ‧ 2021-10-10 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day09 - 整合測試實作 - 登入系統 by Reactive Forms

昨天幫我們用 Reactive Forms 所撰寫的登入系統寫完單元測試之後，今天則是要來為它寫整合測試。 再次幫大家複習一下整合測試的測試目標： 整合測試...

Leo ‧ 2021-09-24 ‧團隊請支援 Coding

技術 [為你自己寫 Vue Component] AtomicSelect

下拉選單（Select）在表單操作中非常常見。使用下拉選單可以在有限的空間內顯示大量選項，透過點擊來展開選單，使用者可以輕鬆瀏覽並選擇其中一個或多個選項。無論...

Alex Liu ‧ 2024-10-02

技術 [Day 20] Angular 使用 React Form

如有需要動態驗證、動態產生表單和比較複雜類型的表單狀況，使用 Reactive Form 處理應當會比 Template-Drive Form 好解決． 匯入...

TimTim ‧ 2019-10-07

技術 Day 17 - UML x Interface — FormControl

上一章是在講跟 Input 相關的表單元件會使用 TextField 來給定表單會用到的 required, disabled, helperText 以及 l...

parkerhiphop027 ‧ 2021-10-02

技術 Day 19- 191005學習筆記 Express validator / form

提醒：由於看到這系列鐵人訂閱人數漸漸變多，標記一下這些內容是在「非常萌新時期」所寫，更多技術內容請參考我的 Github，歡迎跟我一起討論 ^ ^ 前面完...

杯 ‧ 2019-10-05

技術 開胃餐點 - 峰峰相連互動式資料表單

Alex ‧ 2018-10-23 ‧團隊浪流連九程式匠自然產生的佛系碼農專區

技術 Day 25 - React 基礎實作練習：下拉式選單

今天要來練習做下拉式選單選擇國家。目前我們的程式碼已經有基礎的樣式。需要讓下拉式選單的功能正常運作。 目前有的程式碼： import React from...

yuu ‧ 2023-10-10 ‧團隊好想工作室 v7.0

技術 Angular 深入淺出三十天：表單與測試 Day13 - 整合測試實作 - 被保人 by Template Driven Forms

昨天幫我們用 Template Driven Forms 所撰寫的被保人表單寫完單元測試之後，今天則是要來為它寫整合測試。 大家還記得整合測試的目標是要測什麼...

Leo ‧ 2021-09-28 ‧團隊請支援 Coding

技術 Angular 深入淺出三十天：表單與測試 Day12 - 單元測試實作 - 被保人 by Template Driven Forms

今天我們要來為我們用 Template Driven Forms 所撰寫的被保人表單寫單元測試，如果還沒有相關程式碼的朋友，趕快前往閱讀第十天的文章： Te...

Leo ‧ 2021-09-27 ‧團隊請支援 Coding

技術 [Angular] Day23. Introduction to forms in Angular

從本章開始會進入 Angular Form 的部分，在現代網頁中與使用者互動的過程變得越來越重要，其中最主要的便是 Form，從一開始的登陸頁面到對商品或對網頁...

Fandix ‧ 2021-09-23

技術 [為你自己寫 Vue Component] AtomicTextarea

<textarea> 與 <input type="text"> 有需多相似之處，甚至大多數的特性都是共通的，例如...

Alex Liu ‧ 2024-10-01

技術 DAY16-Angular6之表單-Template-drive Forms

基礎 Template-drive Forms (中文：樣板驅動表單)，裡面有四個要素，搞懂他們就可以完勝囉！ form 裡面的 name [(hello)]...

馬達 ‧ 2018-10-26