new-Category-default category show

2021-02-11 13:35:37 阅读：145 来源： 互联网

标签：Category category product Name default price Submit new

动态添加category

const categories = ['fruit', 'vagetable', 'diary', 'unique'];

app.get('/products/new', (req, res) => {
    res.render('products/new', { categories })
})

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>New product</title>
</head>

<body>
    <h1>Add a product </h1>
    <form action="/products" method="POST">
        <label for="name">Name</label>
        <input type="text" name="name" id="name" placeholder="product name">
        <label for="price">price</label>
        <input type="number" name="price" id="price" placeholder="price">
        <label for="category">Select category</label>
        <select name="category" id="category">
            <%for(let category of categories){%>
                <option value="<%=category>">
                    <%=category>
                </option>
                <%}%>
        </select>
        <button>Submit</button>
        <!-- Submit按钮一旦点击，提交页面/products, post,跟index.js里面的app.post('/products'，...）连接着 -->
    </form>
</body>

</html>

new.ejs

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>New product</title>
</head>

<body>
    <h1>Add a product </h1>
    <form action="/products" method="POST">
        <label for="name">Name</label>
        <input type="text" name="name" id="name" placeholder="product name">
        <label for="price">price</label>
        <input type="number" name="price" id="price" placeholder="price">
        <label for="category">Select category</label>
        <select name="category" id="category">
            <%for(let category of categories){%>
                <option value="<%=category>">
                    <%=category>
                </option>
                <%}%>
        </select>
        <button>Submit</button>
        <!-- Submit按钮一旦点击，提交页面/products, post,跟index.js里面的app.post('/products'，。。。）连接着 -->
    </form>
</body>



</html>

edit.ejs

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Edit product</title>
</head>

<body>
    <h1>Edit a product </h1>

    <form action="/products/<%=product._id%>?_method=PUT" method="POST">
        <label for="name">Name</label>
        <input type="text" name="name" id="name" placeholder="product name" value="<%=product.name%>">
        <label for="price">price</label>
        <input type="number" name="price" id="price" placeholder="price" value="<%=product.price%>">
        <label for="category">Select category</label>
        <select name="category" id="category">
            <%for(let category of categories){%>
                <option value="<%=category%>" <%=product.category===category ? 'selected' : '' %>><%=category%>
                </option>
                <%}%>

        </select>
        <button>Submit</button>
        <!-- Submit按钮一旦点击，提交页面/products, post,跟index.js里面的app.post('/products'，......）连接着 -->
    </form>

    <a href="/products/<%=product._id%>">Cancel</a>
</body>

</html>

 <option value="<%=category%>" <%=product.category===category ? 'selected' : '' %>><%=category%>
 </option>
设置默认显示的category。

标签：Category,category,product,Name,default,price,Submit,new
来源： https://www.cnblogs.com/LilyLiya/p/14397629.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

new-Category-default category show