<div class="form-group"> <label for="exampleFormControlTextarea1">Example textarea</label> <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea></div> 锁定下拉文本域框

对于锁定下拉文本域框，你可以使用HTML中的`<select>`元素和`<option>`元素来实现。以下是一个示例代码：

<div class="form-group">
  <label for="exampleFormControlSelect1">Example select</label>
  <select class="form-control" id="exampleFormControlSelect1">
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
    <option>Option 4</option>
    <option>Option 5</option>
  </select>
</div>

在这个例子中，`<select>`元素创建了一个下拉列表框，`<option>`元素用于指定下拉列表中的选项。用户只能从列表中选择一个选项，无法手动输入文本。

相关问题

bootStrap textarea

Bootstrap 提供了一个 textarea 样式，可以使 textarea 更加美观。使用 Bootstrap 样式，可以通过添加 Bootstrap 类名来实现。

例如：

<div class="form-group">
  <label for="exampleFormControlTextarea1">Example textarea</label>
  <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>

在上面的示例中，使用了 `form-group` 和 `form-control` 类来对 textarea 进行样式设置。你可以根据自己的需求调整行数和其他属性。

使用SSM（Spring+SpringMBC+Mybatis）制作一个简单的图书管理系统，并利用SrpingBoot框架整合该管理系统，并用CSS美化界面，要求使用IDEA2021.1，Mysql 8.0.29，请给出sql语句、xml文件中的配置及其他所有代码

很抱歉，我无法在这里提供完整的代码和配置，因为这需要较多的篇幅和时间来完成。但是，我可以提供一些参考和指导来帮助你完成这个项目。

首先，你需要创建一个MySQL数据库，包含一个名为"book"的表，该表包含id、name、author、price和description等字段。可以使用以下SQL语句来创建该表：

CREATE TABLE book (
  id int(11) NOT NULL AUTO_INCREMENT,
  name varchar(50) DEFAULT NULL,
  author varchar(50) DEFAULT NULL,
  price double(10,2) DEFAULT NULL,
  description varchar(200) DEFAULT NULL,
  PRIMARY KEY (id)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

然后，你需要在Spring中配置Mybatis，以便从Java代码中访问该数据库。可以在applicationContext.xml文件中添加以下配置：

<!-- 配置Mybatis -->
<bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
    <property name="dataSource" ref="dataSource"/>
    <property name="configLocation" value="classpath:mybatis-config.xml"/>
</bean>

<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
    <property name="basePackage" value="com.example.mapper"/>
</bean>

<!-- 配置数据源 -->
<bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource">
    <property name="driverClassName" value="com.mysql.cj.jdbc.Driver"/>
    <property name="url" value="jdbc:mysql://localhost:3306/book?useUnicode=true&amp;characterEncoding=utf-8&amp;useSSL=false&amp;serverTimezone=Asia/Shanghai"/>
    <property name="username" value="root"/>
    <property name="password" value="123456"/>
</bean>

其中，mybatis-config.xml文件包含了Mybatis的其他配置，可以在该文件中添加以下内容：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration>
    <settings>
        <setting name="cacheEnabled" value="true"/>
        <setting name="lazyLoadingEnabled" value="true"/>
    </settings>
    <typeAliases>
        <package name="com.example.entity"/>
    </typeAliases>
    <mappers>
        <mapper class="com.example.mapper.BookMapper"/>
    </mappers>
</configuration>

在该项目中，你需要创建一个Book实体类来表示图书信息，可以使用以下代码：

public class Book {
    private Integer id;
    private String name;
    private String author;
    private Double price;
    private String description;

    // 省略getter和setter方法
}

为了将该实体类映射到数据库中，你需要创建一个BookMapper接口和一个BookMapper.xml文件。可以使用以下代码：

public interface BookMapper {
    List<Book> findAll();
    void insert(Book book);
    void update(Book book);
    void delete(Integer id);
    Book findById(Integer id);
}

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<mapper namespace="com.example.mapper.BookMapper">
    <resultMap type="com.example.entity.Book" id="book">
        <id column="id" property="id"/>
        <result column="name" property="name"/>
        <result column="author" property="author"/>
        <result column="price" property="price"/>
        <result column="description" property="description"/>
    </resultMap>

    <select id="findAll" resultMap="book">
        select * from book
    </select>

    <insert id="insert">
        insert into book(name, author, price, description)
        values(#{name}, #{author}, #{price}, #{description})
    </insert>

    <update id="update">
        update book set name=#{name}, author=#{author}, price=#{price}, description=#{description}
        where id=#{id}
    </update>

    <delete id="delete">
        delete from book where id=#{id}
    </delete>

    <select id="findById" resultMap="book">
        select * from book where id=#{id}
    </select>
</mapper>

最后，你需要创建一个BookController类来处理Web请求，并使用Thymeleaf模板引擎来渲染页面。可以使用以下代码：

@Controller
public class BookController {

    @Autowired
    private BookMapper bookMapper;

    @GetMapping("/")
    public String index(Model model) {
        List<Book> books = bookMapper.findAll();
        model.addAttribute("books", books);
        return "index";
    }

    @GetMapping("/add")
    public String add() {
        return "add";
    }

    @PostMapping("/save")
    public String save(Book book) {
        bookMapper.insert(book);
        return "redirect:/";
    }

    @GetMapping("/edit/{id}")
    public String edit(@PathVariable Integer id, Model model) {
        Book book = bookMapper.findById(id);
        model.addAttribute("book", book);
        return "edit";
    }

    @PostMapping("/update")
    public String update(Book book) {
        bookMapper.update(book);
        return "redirect:/";
    }

    @GetMapping("/delete/{id}")
    public String delete(@PathVariable Integer id) {
        bookMapper.delete(id);
        return "redirect:/";
    }
}

在resources/templates目录下，你需要创建以下Thymeleaf模板文件：

index.html：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>图书管理系统</title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <h2>图书列表</h2>
            <hr>
            <div class="text-right">
                <a href="/add" class="btn btn-primary">添加图书</a>
            </div>
            <table class="table table-bordered table-striped">
                <thead>
                <tr>
                    <th>编号</th>
                    <th>书名</th>
                    <th>作者</th>
                    <th>价格</th>
                    <th>描述</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="book : ${books}">
                    <td th:text="${book.id}"></td>
                    <td th:text="${book.name}"></td>
                    <td th:text="${book.author}"></td>
                    <td th:text="${book.price}"></td>
                    <td th:text="${book.description}"></td>
                    <td>
                        <a th:href="@{/edit/{id}(id=${book.id})}" class="btn btn-info btn-sm">编辑</a>
                        <a th:href="@{/delete/{id}(id=${book.id})}" class="btn btn-danger btn-sm" onclick="return confirm('确定要删除吗？')">删除</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
</body>
</html>

add.html：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>添加图书</title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <h2>添加图书</h2>
            <hr>
            <form th:action="@{/save}" method="post">
                <div class="form-group">
                    <label>书名：</label>
                    <input type="text" name="name" class="form-control" required>
                </div>
                <div class="form-group">
                    <label>作者：</label>
                    <input type="text" name="author" class="form-control" required>
                </div>
                <div class="form-group">
                    <label>价格：</label>
                    <input type="number" name="price" class="form-control" step="0.01" required>
                </div>
                <div class="form-group">
                    <label>描述：</label>
                    <textarea name="description" class="form-control" rows="3" required></textarea>
                </div>
                <div class="text-right">
                    <button type="submit" class="btn btn-primary">保存</button>
                    <a href="/" class="btn btn-secondary">取消</a>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>

edit.html：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>编辑图书</title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <h2>编辑图书</h2>
            <hr>
            <form th:action="@{/update}" method="post">
                <input type="hidden" name="id" th:value="${book.id}">
                <div class="form-group">
                    <label>书名：</label>
                    <input type="text" name="name" class="form-control" th:value="${book.name}" required>
                </div>
                <div class="form-group">
                    <label>作者：</label>
                    <input type="text" name="author" class="form-control" th:value="${book.author}" required>
                </div>
                <div class="form-group">
                    <label>价格：</label>
                    <input type="number" name="price" class="form-control" step="0.01" th:value="${book.price}" required>
                </div>
                <div class="form-group">
                    <label>描述：</label>
                    <textarea name="description" class="form-control" rows="3" th:text="${book.description}" required></textarea>
                </div>
                <div class="text-right">
                    <button type="submit" class="btn btn-primary">保存</button>
                    <a href="/" class="btn btn-secondary">取消</a>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>

最后，你需要在pom.xml文件中添加以下依赖：

<dependencies>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
    </dependency>

    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>

    <dependency>
        <groupId>org.mybatis.spring.boot</groupId>
        <artifactId>mybatis-spring-boot-starter</artifactId>
        <version>2.2.0</version>
    </dependency>

    <dependency>
        <groupId>mysql</groupId>
        <artifactId>mysql-connector-java</artifactId>
        <version>8.0.29</version>
    </dependency>

    <dependency>
        <groupId>commons-dbcp</groupId>
        <artifactId>commons-dbcp</artifactId>
        <version>1.4</version>
    </dependency>
</dependencies>

以上就是一个简单的图书管理系统的实现，希望能对你有所帮助。